{"css_url":"https:\/\/dgm.inventum.de\/api\/customer\/widget\/e9b560aa-ad4f-4b85-9482-b0d2dbe04f9f\/65c69cf31877365c69cf318774?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\/54328f5c-1bc8-443d-8617-b938bc65fee7\/conversions\/1cc8d043-a8e6-4f33-bcd7-0949f263a931-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 Materialographie<\/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\/6fed1a21-9113-4a8c-9c89-e5f3944cba77\"\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-09-17 16:00:00\">17.09.2024 16:00 - 18: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\">Berlin\n                                                \n                                                    & Online\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\/27\" 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-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-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Materialkenntnisse<\/div>\n                    <\/a>\n                <\/li>\n                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/28\" 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-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-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Materialographie<\/div>\n                    <\/a>\n                <\/li>\n                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/76\" 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-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-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Rasterelektronenmikroskopie in der Materialpr\u00fcfung<\/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>Am Vortag der j&auml;hrlich stattfindenden&nbsp;<a href=\"https:\/\/www.metallographie-tagung2023.org\/\" target=\"_blank\">Metallographie-Tagung<\/a>&nbsp;findet die Sitzung des Fachausschusses Materialographie statt, in der &uuml;ber die Aktivit&auml;ten des Fachausschusses und der Arbeitskreise sowie die Planungen zu den kommenden Metallographie-Tagungen berichtet wird.&nbsp;<\/p><p>Die Teilnahme ist kostenfrei.<\/p><p><a href=\"https:\/\/dgm.de\/de\/netzwerk\/fach-gemeinschaftsausschuesse\/materialographie\" target=\"_blank\">Fachausschuss Materialographie<\/a><\/p><\/div>\n\n                            <div class=\"mt-10 flex items-center gap-x-6\">\n                                                                    <a href=\"#6671738080165_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;Dipl.-Ing. Michael Engstler, Jahrgang 1980, studierte Werkstoffwissenschaften und leitet seit 2007 die Gruppe Advanced Materials Characterization am Lehrstuhl f\\u00fcr Funktionswerkstoffe an der Universit\\u00e4t des Saarlandes. Er besch\\u00e4ftigt sich mit der 2D und 3D Charakterisierung von Werkstoffgef\\u00fcgen. Seit 2007 ist er zudem Projektleiter am Materials Engineering Center Saarland (MECS). Seit 2015 leitet er die Redaktion der bilingualen Zeitschrift Praktische Metallographie, ist seit 2022 im Board of Directors der International Metallographic Society (IMS) und seit 2023 Leiter des DGM Fachausschusses Materialographie.&lt;\\\/p&gt;&quot;;textfield2=\"Dipl.-Ing. Michael Engstler\"'  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\/37c2b18b-7ddd-47e5-b063-8519b21af7df\/conversions\/dd56a0d5-1f77-4d8f-9901-577ddc13d017-md.jpg\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Dipl.-Ing. Michael Engstler<\/div>\n                                                <div class=\"text-sm text-gray-900 text-sm 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                                                                                                    <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                                                            <\/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 Materialographie<\/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\/6fed1a21-9113-4a8c-9c89-e5f3944cba77\"\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-09-17 16:00:00\">17.09.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\">Berlin\n                                        \n                                            & Online\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\/37c2b18b-7ddd-47e5-b063-8519b21af7df\/conversions\/dd56a0d5-1f77-4d8f-9901-577ddc13d017-md.jpg\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Dipl.-Ing. Michael Engstler<\/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                                                    <div class=\"mt-6\">\n                                <a href=\"#6671738080165_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%20Materialographie\" 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=\"6671738080165_nav\">\n\n\n\n                \n                    <a href=\"#6671738080165_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=\"#6671738080165_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 beim&nbsp;<\/p><p>Lette-Verein Berlin<br>Raum A480<br>Viktoria-Luise-Platz 6<br>10777 Berlin<\/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!<br><\/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\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                    vor-Ort 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\/6fed1a21-9113-4a8c-9c89-e5f3944cba77?_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\\u003EVor-Ort-Teilnahme an der Sitzung des FA Materialographie\\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\/6fed1a21-9113-4a8c-9c89-e5f3944cba77?_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        \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\\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\\u003Evor-Ort-Teilnahme an der Sitzung des FA Materialographie\\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                        <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\/6fed1a21-9113-4a8c-9c89-e5f3944cba77?_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 an der Sitzung des FA Materialographie\\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\/6fed1a21-9113-4a8c-9c89-e5f3944cba77?_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        \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\\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 an der Sitzung des FA Materialographie\\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=Fachausschuss+Materialographie\" 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:46:08"}