{"css_url":"https:\/\/dgm.inventum.de\/api\/customer\/widget\/a0f5e80a-6ed6-45f7-bcba-0c1adb449439\/65ca049b8fc7765ca049b8fc79?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\/373b7e5f-b38d-41d7-a266-275e6ada569f\/conversions\/e0757076-4f3f-41b6-8d70-162da92ae991-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> Die Veranstaltung liegt in der Vergangenheit\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\">Gremiensitzung<\/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\">Fachausschuss Wasserstoffeffekte in Werkstoffen<\/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\/d1f4765a-5879-406b-8bd9-bb84c26414a6\"\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-05-06 13:00:00\">06.05. 13:00 - 07.05.2024 13: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\">                                 <i class=\"far fa-map-marker fa-fw mr-1\"><\/i> <span\n                                        class=\"text-sm font-medium font-mono\">Saarbr\u00fccken\n                                    <\/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\">Deutsch<\/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\/160\" class=\"relative inline-flex items-center rounded-md border border-gray-300 px-1 py-0.5 opacity-85 hover:opacity-100 hover:bg-teal-200 bg-opacity-80  bg-teal-50  hover:text-teal-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-teal-500 opacity-90\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-2 text-xxs font-semibold text-gray-900 leading-tight\">Wasserstoffeffekte in Werkstoffen<\/div>\n                    <\/a>\n                <\/li>\n                                                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/27\" class=\"relative inline-flex items-center rounded-md border border-gray-300 px-1 py-0.5 opacity-85 hover:opacity-100 hover:bg-teal-200 bg-opacity-80  bg-teal-50  hover:text-teal-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-teal-500 opacity-90\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-2 text-xxs font-semibold text-gray-900 leading-tight\">Materialkenntnisse<\/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>Die Sitzung des DGM-FA Wasserstoffeffekte sowie die Sitzungen der Arbeitskreise <strong>Optimierung der selektiven Wasserstoffanalytik<\/strong>, <strong>Materialpr&uuml;fung unter Wasserstoffeinfluss<\/strong> und <strong>Ortsaufgel&ouml;ste Verfahren zur Abbildung von Wasserstoff<\/strong> finden in diesem Jahr am Max-Planck-Institut f&uuml;r Softwaresysteme (Campus Geb&auml;ude E1 5), auf Einladung von Herrn Prof. Dr. Christian Motz vom Lehrstuhl f&uuml;r Experimentelle Methodik der Werkstoffwissenschaften der Universit&auml;t des Saarlandes, statt.&nbsp;<\/p><a href=\"https:\/\/dgm.de\/fileadmin\/DGM\/Veranstaltungen\/Fachgremien\/2024-FA-AK\/2024-05-06-07-FA-Wsserstoffeffekte-in-Werkstoffen-Tagesordnung.pdf\" target=\"_blank\">Tagesordnung<\/a><p><\/p><p>Vortr&auml;ge zu allen Themen der Wasserstoffeffekte in Werkstoffen k&ouml;nnen weiterhin eingereicht werden. Insbesondere d&uuml;rfen auch &uuml;ber die Titel der Arbeitskreise hinausgehende Vortragsanmeldungen zu den Themen Direktreduktion, Wasserstoff als Treibstoff in Verbrennung, Materialien f&uuml;r Wasserstoffspeicherung und Wasserstoffpermeation eingereicht werden.&nbsp;Insbesondere Doktorand*innen und Masterand*innen werden zu einer Vortrags- oder Posteranmeldung ermutigt, gerne auch mit einem Kurzvortrag von 10+5 Minuten. Berichte &uuml;ber andere studentische Abschlussarbeiten sind ebenfalls willkommen. Einreichungen k&ouml;nnen mit Vortragstitel, Name des\/der Vortragenden und Kurzfassung (ca. 3-5 Zeilen) per E-Mail an <a href=\"mailto:%20a.goldschmidt@matsci.uni-sb.de\">a.goldschmidt@matsci.uni-sb.de<\/a> eingereicht werden.&nbsp;<\/p><p><strong>DGM-Fachausschuss <a href=\"https:\/\/dgm.de\/de\/netzwerk\/fach-gemeinschaftsausschuesse\/wasserstoffeffekte-in-werkstoffen\">Wasserstoffeffekte in Materialien<\/a><br><\/strong><strong>Arbeitskreis&nbsp;<a href=\"https:\/\/dgm.de\/?id=3863\" target=\"_blank\">Optimierung der selektiven Wasserstoffanalytik<\/a><br><\/strong><strong>Arbeitskreis&nbsp;<a href=\"https:\/\/dgm.de\/?id=3864\" target=\"_blank\">Materialpr&uuml;fung unter Wasserstoffeinfluss<\/a><br><\/strong><strong>Arbeitskreis&nbsp;<a href=\"https:\/\/dgm.de\/?id=3865\" target=\"_blank\">Ortsaufgel&ouml;ste Verfahren zur Abbildung von Wasserstoff<\/a><\/strong><\/p><\/div>\n\n                            <div class=\"mt-10 flex items-center  flex-wrap\">\n                                \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\">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);-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='Prof. Dr. Peter Felfer'\"\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\/4bf46186-d83b-4ed3-a225-03a82c7443dc\/conversions\/c756ffe1-02ad-44f3-8d7f-11d1a0b6c4b9-md.jpg\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Prof. Dr. Peter Felfer<\/div>\n                                                <div class=\"text-sm text-gray-900 font-light\">Friedrich-Alexander-Universit\u00e4t Erlangen-N\u00fcrnberg<\/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);-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='\\u003Cp\\u003E\\u201eDr.-Ing. Jens J\\u00fcrgensen (geboren am 18.04.1989 in D\\u00fcsseldorf) ist als Werkstoffingenieur und Schadensanalytiker bei der EURO-LABOR GmbH in Bochum t\\u00e4tig. Er ist Oberingenieur und Leiter der Forschungsgruppe \\u201eWasserstoff in Metallen\\u201c am Lehrgebiet Werkstoffpr\\u00fcfung (WP \\u2013 Prof. Dr.-Ing. Michael Pohl) der Ruhr-Universit\\u00e4t Bochum und betreibt dort industrienahe Forschung zum Einfluss von Wasserstoff auf Metalle. Seit 2024 leitet er den Arbeitskreis \\u201eOptimierung der selektiven Wasserstoffanalytik\\u201c im DGM-Fachausschuss \\u201eWasserstoffeffekte in Metallen\\u201c.\\u003C\\\/p\\u003E';textfield2='Dr.-Ing. Jens J\\u00fcrgensen'\"\n                                              class=\"z-10 relative  cursor-pointer transition transform hover:scale-103 ease-in-out block  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\/b8420480-a291-4cbb-9e70-e115ae441583\/conversions\/avatar-md.jpg\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Dr.-Ing. Jens J\u00fcrgensen<\/div>\n                                                <div class=\"text-sm text-gray-900 font-light\">Euro-Labor 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                                                                                                    <span 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 mr-2.5 cursor-pointer\"><i\n                                                                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);-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='Dr.-Ing. Florian Sch\\u00e4fer'\"\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\/833026fd-c78d-4402-a3f2-e526e911bc48\/conversions\/avatar-md.jpg\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Dr.-Ing. Florian Sch\u00e4fer<\/div>\n                                                <div class=\"text-sm text-gray-900 font-light\">Universit\u00e4t des Saarlandes<\/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.lsf.uni-saarland.de\/qisserver\/rds?state=verpublish&amp;status=init&amp;vmfile=no&amp;moduleCall=webInfo&amp;publishConfFile=webInfoPerson&amp;publishSubDir=personal&amp;keep=y&amp;purge=y&amp;personal.pid=21576&amp;showsearch=n\" 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> 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  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\">Gremiensitzung<\/div>\n                        <h1 class=\"mt-1 text-base font-semibold leading-tight\">Fachausschuss Wasserstoffeffekte in Werkstoffen<\/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\/d1f4765a-5879-406b-8bd9-bb84c26414a6\"\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-05-06 13:00:00\">06. - 07.05.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\">Saarbr\u00fccken\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.fsn1.your-objectstorage.com\/13\/4bf46186-d83b-4ed3-a225-03a82c7443dc\/conversions\/c756ffe1-02ad-44f3-8d7f-11d1a0b6c4b9-md.jpg\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Prof. Dr. Peter Felfer<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">Friedrich-Alexander-Universit\u00e4t Erlangen-N\u00fcrnberg<\/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.fsn1.your-objectstorage.com\/13\/b8420480-a291-4cbb-9e70-e115ae441583\/conversions\/avatar-md.jpg\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Dr.-Ing. Jens J\u00fcrgensen<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">Euro-Labor 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:\/\/unrestricted.fsn1.your-objectstorage.com\/13\/833026fd-c78d-4402-a3f2-e526e911bc48\/conversions\/avatar-md.jpg\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Dr.-Ing. Florian Sch\u00e4fer<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">Universit\u00e4t des Saarlandes<\/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 \">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%20Wasserstoffeffekte%20in%20Werkstoffen\"\n                                       class=\"font-light text-primary-500 block\"> <i\n                                                class=\"fal fa-envelope fa-fw mr-2\"><\/i> fachgremien@dgm.de\n                                    <\/a>\n\n                                    \n                                        <a class=\"font-light text-primary-500 block\"\n                                           href=\"call:+49(0)6975306750\"> <i\n                                                    class=\"fal fa-phone fa-fw mr-2\"><\/i> +49 (0)69 75306 750\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=\"67845c41a9f4b_nav\">\n\n\n                \n                    <a href=\"#67845c41a9f4b_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                        Organisatorisches\n                    <\/a>\n\n                \n                    <a href=\"#67845c41a9f4b_nav\" @click=\"currentTab='direction_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=='direction_information','border-transparent   hover:border-primary-300 ':currentTab!='direction_information'}\"\n                    >\n                        Anreise\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=='program'\" class=\"\" key=\"program\">\n                    <div class=\"text-lg font-bold  mb-0 mt-4\">\n                        Programm\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\"\n                     key=\"orga\" style=\"max-width: none;\">\n                    <p>Ein gemeinsames Abendessen auf eigene Rechnung wird am Montagabend um 19:00 im Brauhaus zum Stiefel in Saarbr\u00fccken (Am Stiefel 2, 66111 Saarbr\u00fccken) stattfinden.&nbsp;<\/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                    <p>Die Fachausschusssitzung findet am folgenden Standort statt:<\/p><p>Universit\u00e4t des Saarlandes<br>Max-Planck Institut f\u00fcr Softwaresysteme<br>Campus Geb\u00e4ude E1 5<br>66123 Saarbr\u00fccken<\/p><p><a href=\"https:\/\/dgm.de\/fileadmin\/DGM\/Veranstaltungen\/Fachgremien\/2024-FA-AK\/2024-05-06-07-FA-Wsserstoffeffekte-in-Werkstoffen-Anfahrt_MPI_SWS.png\" target=\"_blank\">Anreiseinfo<\/a><\/p><p>Reisen Sie nachhaltig und entspannt an. In Zusammenarbeit mit der Deutschen Bahn bieten wir ein spezielles Veranstaltungsticket zu einem Sonderpreis an, um zu den Sitzungen zu reisen, mit 100% gr\u00fcnem Strom in Fernz\u00fcgen. Gute Reise!<\/p>\n\n<p><a href=\"https:\/\/www.veranstaltungsticket-bahn.de:443\/?event=15163&amp;language=de\" style=\" width: 250px; height: 150px; display: inline-block; position: relative; text-decoration: none; cursor: pointer; margin: 0; padding: 0; zoom: 1;\" target=\"_blank\" title=\"Deutsche Bahn\"><span style=\" display: block; margin: 0; padding: 0; position: relative; line-height: 0; overflow: visible;\"><img style=\" width: 100%; margin: 0; padding: 0; display: block;\" src=\"https:\/\/www.veranstaltungsticket-bahn.de:443\/resources\/buttons\/design4-1.png\" alt=\"\"><\/span><span style=\" word-wrap: break-word; -ms-word-break: break-all; word-break: normal; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; white-space:normal; font-size: 12px; line-height: 16px; position: absolute; top: 28%; left: 7%; color: rgb(0, 0, 0); font-weight: bold; z-index: 11; text-align: left; width: 86%; margin: 0; padding: 0;\"><span style=\" word-wrap: break-word; -ms-word-break: break-all; word-break: normal; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; white-space:normal; text-decoration: none; margin: 0; padding: 0; font-size: 1em; line-height: 1.2; font-size: inherit; line-height: inherit; font-weight: bold; font-family: Arial, sans-serif; color: black !important; \">Buchen Sie Ihre Anreise mit dem DB-Gremien-Ticket<\/span><\/span><\/a><\/p>\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               Keine Tickets verf\u00fcgbar.\n           <\/div>\n\n        <\/div>\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+Wasserstoffeffekte+in+Werkstoffen\"\n                                   class=\"font-light text-primary-500 block\"> <i\n                                            class=\"fal fa-envelope fa-fw mr-2\"><\/i> fachgremien@dgm.de\n                                <\/a>\n\n                                \n                                    <a class=\"font-light text-primary-500 block\"\n                                       href=\"call:+49(0)6975306750\"> <i\n                                                class=\"fal fa-phone fa-fw mr-2\"><\/i> +49 (0)69 75306 750\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":"2025-01-13 01:20:17"}