PageSourceSearch

https://ewcps2025.de/participation/conference-venue/about-berlin-germany

html ewcps2025.de collected 2026-10-05 10:54:05 UTC 256,142 bytes, 4,175 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4    <meta charset="utf-8">
5
6<!-- 
7	build by DGM-Inventum GmbH
8
9	This website is powered by TYPO3 - inspiring people to share!
10	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
11	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
12	Information and contribution at https://typo3.org/
13-->
14
15
16<title>About Berlin (Germany) | EWCPS 2025</title>
17<meta http-equiv="x-ua-compatible" content="IE=edge">
18<meta name="generator" content="TYPO3 CMS">
19<meta name="viewport" content="width=device-width, initial-scale=1">
20<meta name="robots" content="index,follow">
21<meta property="og:title" content="About Berlin (Germany)">
22<meta property="og:site_name" content="EWCPS 2025">
23<meta name="twitter:card" content="summary">
24<meta name="apple-mobile-web-app-capable" content="no">
25<meta name="theme-color" content="#351879">
26
27
28<link rel="stylesheet" href="/typo3temp/assets/css/7015c8c4ac5ff815b57530b221005fc6.css?1739530354" media="all">
29<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Fonts/fontawesome-pro/css/all.min.css?1734126606" media="all">
30<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/videojs.css?1698166415" media="all">
31<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/lightbox.min.css?1718888415" media="all">
32<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/typo3-form-tailwind4.css?1770637617" media="all">
33<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/tabs.css?1783874359" media="all">
34<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/CrmAccess.css?1790101277" media="all">
35
36
37
38<script src="/_assets/8a9c9ad5ec273e16a34d1ff6a0d6f983/Js/jquery-3.5.1.min.js?1764908010"></script>
38
39
40
41<link rel="apple-touch-icon" sizes="180x180" href="/fileadmin/_processed_/7/f/csm_EWCPS2025-Logo-small_da8673d7e6.png"><link rel="icon" type="image/png" sizes="32x32" href="/fileadmin/_processed_/7/f/csm_EWCPS2025-Logo-small_baabdb16cc.png"><link rel="icon" type="image/png" sizes="16x16" href="/fileadmin/_processed_/7/f/csm_EWCPS2025-Logo-small_02d289ca0a.png"><link rel="shortcut icon" href="/fileadmin/_processed_/7/f/csm_EWCPS2025-Logo-small_baabdb16cc.png">         <meta name="msapplication-TileColor" content="#da532c">
42         <meta name="theme-color" content="#ffffff">
43<!-- Dynamic CSS: Sitename =DGM--><link rel="stylesheet" href="https://cdn.inventum.de/direct-assets/webwidgets/tailwind/default.css?hash=845ef9f6d8fb61dfecac9999428581b9"><!-- Custom Theme --><link href="https://dgm.inventum.de/api/css/styling_static_2/351879/style.css" rel="stylesheet"><!-- Custom Theme Primary Color -->
43<script>window.primaryColor="#351879";</script>
43
44<link rel="canonical" href="https://ewcps2025.de/participation/conference-venue/about-berlin-germany">
45
46</head>
47<body class="bg-slate-50">
48
49
50
51
52
53
54    
55    <div class="relative" style="z-index: -1; overflow-x: clip;">
56        <div class="pointer-events-none absolute inset-0">
57            <div class="absolute left-0 top-20 h-72 w-72 rounded-md bg-primary-50 blur-3xl" style="animation: float 12s ease-in-out infinite"></div>
58            <div class="absolute   right-0 top-0 h-80 w-80 rounded-md bg-primary-50/80 blur-3xl" style="animation: float 10s ease-in-out infinite"></div>
59            <div class="absolute bottom-0 left-1/4 h-72 w-72 rounded-md bg-primary-50/80 blur-3xl md:left-1/3"></div>
60        </div>
61    </div>
62
63
64
65
66    
67
68
69
70
71<style>
72    .unlink {
73        background-image: none !important;
74
75    }
76
77    .terms_html a {
78
79        text-decoration: underline;
80    }
81
82
83    .ce-uploads a {
84
85        display: inline-block;
86        margin-left: 1.5rem;
87    }
88
89
90    .ce-uploads a:before {
91        margin-left: -1.5rem;
92        text-decoration: none;
93        display: inline-block;
94        position: absolute;
95        font-family: Font Awesome\ 6 Pro;
96        font-weight: 300;
97        content: "\f0ed";
98
99
100    }
101
102    .body-fade-out {
103        opacity: 0.5;
104        transition: opacity 0.3s ease-in-out;
105    }
106
107    /* First content element: tighten its top padding so the page doesn't open with
108       a large void below the breadcrumb (like "Space before: small"). Skipped on
109       full-bleed hero pages, where the first element is the edge-to-edge hero. */
110    body:not(.dgm-page-has-fullscreen-hero) #crm__widgets > *:first-child {
111        padding-top: 0.5rem;
112    }
113
114
115    {
116        f: cObject(typoscriptObjectPath:'lib.additionalCss')
117    }
118
119    .dgm-mainlink-anchor {
120        position: relative;
121    }
122
123    /* menu block must paint above later header-wrap siblings (banner, page content
124       incl. hero layers up to z-50); overlay variant keeps its own z-999 rule */
125    .dgm-page-header-wrap .mainmenu:not(.dgm-mainmenu--overlay) {
126        z-index: 100;
127    }
128
129    .dgm-mainlink-tip {
130        position: absolute;
131        top: calc(100% + 7px);
132        right: 0;
133        transform-origin: top right;
134        transform: scale(.96);
135        opacity: 0;
136        pointer-events: none;
137        z-index: 9999999;
138        white-space: nowrap;
139        background: #0f172a;
140        color: #f8fafc;
141        font-size: 12px;
142        font-weight: 500;
143        line-height: 1;
144        padding: 7px 12px;
145        border-radius: 6px;
146        box-shadow: 0 4px 14px rgba(2, 6, 23, .4);
147        transition: opacity .15s ease, transform .15s ease;
148    }
149
150    .dgm-mainlink-anchor:hover .dgm-mainlink-tip,
151    .dgm-mainlink-anchor:focus-visible .dgm-mainlink-tip {
152        opacity: 1;
153        transform: scale(1);
154    }
155
156    .dgm-langmenu {
157        min-width: 10.5rem;
158        background: #fff;
159        border: 1px solid #e2e8f0;
160        border-radius: 8px;
161        box-shadow: 0 4px 16px rgba(2, 6, 23, .10), 0 1px 3px rgba(2, 6, 23, .08);
162        padding: 4px;
163        z-index: 9999999;
164    }
165
166    .dgm-langmenu__item {
167        display: flex;
168        align-items: center;
169        gap: .5rem;
170        padding: .45rem .55rem;
171        border-radius: 6px;
172        font-size: 13px;
173        line-height: 1;
174        color: #0f172a;
175        text-decoration: none;
176        transition: background .12s ease;
177    }
178
179    .dgm-langmenu__item:hover,
180    .dgm-langmenu__item:focus-visible {
181        background: #f1f5f9;
182        outline: none;
183    }
184
185    .dgm-langmenu__item.is-active {
186        font-weight: 600;
187    }
188
189    .dgm-langmenu__check {
190        width: 1rem;
191        display: inline-flex;
192        justify-content: center;
193        color: var(--primary-500, #475569);
194        font-size: 10px;
195    }
196
197    .dgm-langmenu__code {
198        margin-left: auto;
199        padding-left: 1rem;
200        font-size: 10px;
201        font-weight: 600;
202        letter-spacing: .06em;
203        color: #94a3b8;
204        text-transform: uppercase;
205    }
206
207    .dgm-langmenu__chev {
208        font-size: 10px;
209        margin-left: .35rem;
210        transition: transform .15s ease;
211    }
212
213    .dgm-langmenu__chev.is-open {
214        transform: rotate(180deg);
215    }
216</style>
217
218<div class="dgm-page-shell relative">
219
220
221    <div class="dgm-page-header-wrap z-50 relative">
222
223
224        <div class="relative mainmenu js-vue-menu-scope ">
225            <div class="container mx-auto pr-4 sm:pr-6">
226                <div class="flex justify-between items-center py-6 xl:justify-start md:space-x-10">
227                    <div class="px-2 lg:px-0 lg:w-0 lg:flex-1">
228                        <a href="#" class="flex">
229
230                            <a id="logo" href="/">
231                                <img src="/fileadmin/_processed_/
2317/f/csm_EWCPS2025-Logo-small_1dce133cd6.png" width="1428" height="350"  class="h-8 w-auto sm:h-8 object-contain"  alt="" >
232                            </a>
233
234                        </a>
235                    </div>
236                    <div class="-mr-2 -my-2 xl:hidden">
237                        <button @click="mobileMenuOpen = true" type="button"
238                                class="inline-flex items-center justify-center p-2 rounded-md text-gray-500 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
239                            <svg class="h-6 w-6" x-description="Heroicon name: menu" xmlns="http://www.w3.org/2000/svg"
240                                 fill="none"
241                                 viewBox="0 0 24 24" stroke="currentColor">
242                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
243                                      d="M4 6h16M4 12h16M4 18h16">
244                                </path>
245                            </svg>
246                        </button>
247                    </div>
248                    
249                    <nav class="hidden xl:flex space-x-1 py-1 rounded-md " style="z-index: 9999;">
250                        <!-- THEMEN -->
251
252
253                        
254                            <div  @mouseenter="setButton('main-0')"
255                                 @mouseleave="unsetButton('main-0')"
256                                 data-vue-menu-hover="1"
257                                 data-vue-menu-id="main-0"
258                                 class="relative">
259                                <a href="/picture-gallery/day-1-sunday"
260                                   
261                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
262                                   x-state:off="Item inactive"
263                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-0'), 'text-gray-900': !isOpen('main-0') }"
264                                   class="group inline-flex tracking-normal items-center space-x-1  lg:px-1 xl:px-2 font-semibold md:text-sm 2xl:text-base leading-tight hover:text-primary-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-200 text-gray-900  ">
265                                    <span>  Picture Gallery   </span>
266                                    
267                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
268                                               :class="{ 'text-primary-500': isOpen('main-0'), 'text-gray-900': !isOpen('main-0') }"
269
270                                            ></i>
271
272                                        
273                                </a>
274                                
275
276                                    <teleport to="body" :disabled="true">
277                                        <div x-description=""
278                                             v-show="isOpen('main-0')"
279                                             @mouseenter="setHover('main-0')"
280                                             @mouseleave="unsetHover('main-0')"
281                                             data-vue-menu-panel-owner="main-0"
282                                             data-vue-menu-portal="0"
283
284
285                                             x-transition:enter-start="opacity-0"
286                                             x-transition:enter-end="opacity-100"
287                                             x-transition:leave-start="opacity-100"
288                                             x-transition:leave-end="opacity-0"
289                                             class="absolute mt-3 px-2 w-screen  max-w-md  sm:px-0 flyout-menu z-50 "
290                                             style="display: none;">
291
292
293                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
294                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
295                                                
296                                                <div
297                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  "
298                                                    style="z-index: 999;">
299
300                                                    
301                                                    
302                                                        <a href="/picture-gallery/day-1-sunday"
303                                                           
304                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
305                                                        hover:bg-gray-50 transition ease-in-out duration-150
306                                                        leading-snug hover:shadow hover:scale-102 transform
307                                                        ">
308                                                        <div class="pr-1 mt-1">
309                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
310fa-camera
311                                "></i>
312                                                        </div>
313
314
315                                                        <div class="space-y-0.5">
316                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
317
318
319                                                                Day 1 - Sunday
320
321                                                            </p>
322                                                            
323                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
324                                                                   style="text-wrap: pretty;">
325                                                                    Captured moments
326                                                                </p>
327                                                            
328
329                                                        </div>
330                                                        </a>
331
332                                                    
333                                                        <a href="/picture-gallery/day-2-monday"
334                                                           
335                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
336                                                        hover:bg-gray-50 transition ease-in-out duration-150
337                                                        leading-snug hover:shadow hover:scale-102 transform
338                                                        ">
339                                                        <div class="pr-1 mt-1">
340                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
341fa-camera
342                                "></i>
343                                                        </div>
344
345
346                                                        <div class="space-y-0.5">
347                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
348
349
350                                                                Day 2 - Monday
351
352                                                            </p>
353                                                            
354                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
355                                                                   style="text-wrap: pretty;">
356                                                                    Captured moments
357                                                                </p>
358                                                            
359
360                                                        </div>
361                                                        </a>
362
363                                                    
364                                                        <a href="/picture-gallery/day-3-tuesday"
365                                                           
366                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
367                                                        hover:bg-gray-50 transition ease-in-out duration-150
368                                                        leading-snug hover:shadow hover:scale-102 transform
369                                                        ">
370                                                        <div class="pr-1 mt-1">
371                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
372fa-camera
373                                "></i>
374                                                        </div>
375
376
377                                                        <div class="space-y-0.5">
378                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
379
380
381                                                                Day 3 - Tuesday
382
383                                                            </p>
384                                                            
385                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
386                                                                   style="text-wrap: pretty;">
387                                                                    Captured moments
388                                                                </p>
389                                                            
390
391                                                        </div>
392                                                        </a>
393
394                                                    
395                                                        <a href="/picture-gallery/day-4-wednesday"
396                                                           
397                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
398                                                        hover:bg-gray-50 transition ease-in-out duration-150
399                                                        leading-snug hover:shadow hover:scale-102 transform
400                                                        ">
401                                                        <div class="pr-1 mt-1">
402                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
403fa-camera
404                                "></i>
405                                                        </div>
406
407
408                                                        <div class="space-y-0.5">
409                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
410
411
412                                                                Day 4 - Wednesday
413
414                                                            </p>
415                                                            
416                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
417                                                                   style="text-wrap: pretty;">
418                                                                    Captured moments
419                                                                </p>
420                                                            
421
422                                                        </div>
423                                                        </a>
424
425                                                    
426                                                        <a href="/picture-gallery/day-5-thursday"
427                                                           
428                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
429                                                        hover:bg-gray-50 transition ease-in-out duration-150
430                                                        leading-snug hover:shadow hover:scale-102 transform
431                                                        ">
432                                                        <div class="pr-1 mt-1">
433                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
434fa-camera
435                                "></i>
436                                                        </div>
437
438
439                                                        <div class="space-y-0.5">
440                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
441
442
443                                                                Day 5 - Thursday
444
445                                                            </p>
446                                                            
447                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
448                                                                   style="text-wrap: pretty;">
449                                                                    Captured moments
450                                                                </p>
451                                                            
452
453                                                        </div>
454                                                        </a>
455
456                                                    
457                                                        <a href="/picture-gallery/day-6-friday"
458                                                           
459                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
460                                                        hover:bg-gray-50 transition ease-in-out duration-150
461                                                        leading-snug hover:shadow hover:scale-102 transform
462                                                        ">
463                                                        <div class="pr-1 mt-1">
464                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
465fa-camera
466                                "></i>
467                                                        </div>
468
469
470                                                        <div class="space-y-0.5">
471                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
472
473
474                                                                Day 6 - Friday
475
476                                                            </p>
477                                                            
478                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
479                                                                   style="text-wrap: pretty;">
480                                                                    Captured moments
481                                                                </p>
482                                                            
483
484                                                        </div>
485                                                        </a>
486
487                                                    
488
489                                                </div>
490
491                                            </div>
492                                        </div>
493                                        </div>
494                                    </teleport>
495                                
496                            </div>
497
498
499                        
500                            <div  @mouseenter="setButton('main-1')"
501                                 @mouseleave="unsetButton('main-1')"
502          
502                       data-vue-menu-hover="1"
503                                 data-vue-menu-id="main-1"
504                                 class="relative">
505                                <a href="/conference/welcome"
506                                   
507                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
508                                   x-state:off="Item inactive"
509                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-1'), 'text-gray-900': !isOpen('main-1') }"
510                                   class="group inline-flex tracking-normal items-center space-x-1  lg:px-1 xl:px-2 font-semibold md:text-sm 2xl:text-base leading-tight hover:text-primary-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-200 text-gray-900  ">
511                                    <span>  Conference   </span>
512                                    
513                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
514                                               :class="{ 'text-primary-500': isOpen('main-1'), 'text-gray-900': !isOpen('main-1') }"
515
516                                            ></i>
517
518                                        
519                                </a>
520                                
521
522                                    <teleport to="body" :disabled="true">
523                                        <div x-description=""
524                                             v-show="isOpen('main-1')"
525                                             @mouseenter="setHover('main-1')"
526                                             @mouseleave="unsetHover('main-1')"
527                                             data-vue-menu-panel-owner="main-1"
528                                             data-vue-menu-portal="0"
529
530
531                                             x-transition:enter-start="opacity-0"
532                                             x-transition:enter-end="opacity-100"
533                                             x-transition:leave-start="opacity-100"
534                                             x-transition:leave-end="opacity-0"
535                                             class="absolute mt-3 px-2 w-screen  max-w-3xl  sm:px-0 flyout-menu z-50 "
536                                             style="display: none;">
537
538
539                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
540                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
541                                                
542                                                    <div
543                                                        class=" leading-snug text-base font-light px-1 py-0.5 sm:p-5 sm:px-2">
544                                                        <div
545                                                            class="font-medium text-lg pb-2 max-w-2xl ">
546                                                            Conference
547                                                        </div>
548                                                        <div
549                                                            class="max-w-3xl leading-snug text-gray-600 text-base">
550                                                            Discover everything important about the conference — from welcome addresses and the organizing committee to key dates and FAQs.
551                                                        </div>
552                                                    </div>
553                                                
554                                                <div
555                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  grid-cols-2"
556                                                    style="z-index: 999;">
557
558                                                    
559                                                    
560                                                        <a href="/conference/welcome"
561                                                           
562                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
563                                                        hover:bg-gray-50 transition ease-in-out duration-150
564                                                        leading-snug hover:shadow hover:scale-102 transform
565                                                        ">
566                                                        <div class="pr-1 mt-1">
567                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
568fa-file-alt
569                                "></i>
570                                                        </div>
571
572
573                                                        <div class="space-y-0.5">
574                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
575
576
577                                                                Welcome
578
579                                                            </p>
580                                                            
581                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
582                                                                   style="text-wrap: pretty;">
583                                                                    Welcome to the conference
584                                                                </p>
585                                                            
586
587                                                        </div>
588                                                        </a>
589
590                                                    
591                                                        <a href="/conference/history"
592                                                           
593                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
594                                                        hover:bg-gray-50 transition ease-in-out duration-150
595                                                        leading-snug hover:shadow hover:scale-102 transform
596                                                        ">
597                                                        <div class="pr-1 mt-1">
598                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
599fa-file-alt
600                                "></i>
601                                                        </div>
602
603
604                                                        <div class="space-y-0.5">
605                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
606
607
608                                                                History
609
610                                                            </p>
611                                                            
612                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
613                                                                   style="text-wrap: pretty;">
614                                                                    A long tradition
615                                                                </p>
616                                                            
617
618                                                        </div>
619                                                        </a>
620
621                                                    
622                                                        <a href="/conference/conference-committee"
623                                                           
624                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
625                                                        hover:bg-gray-50 transition ease-in-out duration-150
626                                                        leading-snug hover:shadow hover:scale-102 transform
627                                                        ">
628                                                        <div class="pr-1 mt-1">
629                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
630fa-users-class
631                                "></i>
632                                                        </div>
633
634
635                                                        <div class="space-y-0.5">
636                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
637
638
639                                                                Conference Committee
640
641                                                            </p>
642                                                            
643                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
644                                                                   style="text-wrap: pretty;">
645                                                                    A conference from experts for experts
646                                                                </p>
647                                                            
648
649                                                        </div>
650                                                        </a>
651
652                                                    
653                                                        <a href="/conference/keydates-deadlines"
654                                                           
655                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
656                                                        hover:bg-gray-50 transition ease-in-out duration-150
657                                                        leading-snug hover:shadow hover:scale-102 transform
658                                                        ">
659                                                        <div class="pr-1 mt-1">
660                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
661fa-calendar
662                                "></i>
663                                                        </div>
664
665
666                                                        <div class="space-y-0.5">
667                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
668
669
670                                                                Key Dates &amp; Deadlines
671
672                                                            </p>
673                                                            
674                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
675                                                                   style="text-wrap: pretty;">
676                                                                    Important dates at a glance
677                                                                </p>
678                                                            
679
680                                                        </div>
681                                                        </a>
682
683                                                    
684                                                        <a href="/conference/conference-organizer-contact"
685                                                           
686                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
687                                                        hover:bg-gray-50 transition ease-in-out duration-150
688                                                        leading-snug hover:shadow hover:scale-102 transform
689                                                        ">
690                                                        <div class="pr-1 mt-1">
691                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
692fa-mailbox
693                                "></i>
694                                                        </div>
695
696
697                                                        <div class="space-y-0.5">
698                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
699
700
701                                                                Conference Organizer &amp; Contact
702
703                                                            </p>
704                                                            
705                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
706                                                                   style="text-wrap: pretty;">
707                                                                    Get in touch with us
708                                                                </p>
709                                                            
710
711                                                        </div>
712                                                        </a>
713
714                                                    
715                                                        <a href="/conference/sustainability"
716                                                           
717                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
718                                                        hover:bg-gray-50 transition ease-in-out duration-150
719                                                        leading-snug hover:shadow hover:scale-102 transform
720                                                        ">
721                                                        <div class="pr-1 mt-1">
722                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
723fa-leaf
724                                "></i>
725                                                        </div>
726
727
728                                                        <div class="space-y-0.5">
729                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
730
731
732                                                                Sustainability at EWCPS
733
734                                                            </p>
735                                                            
736                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
737                                                                   style="text-wrap: pretty;">
738                                                                    Sustainable Science &amp; Sustainable Event
739                                                                </p>
740                                                            
741
742                                                        </div>
743                                                        </a>
744
745                                                    
746                                                        <a href="/conference/faq"
747                                                           
748                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
749                                                        hover:bg-gray-50 transition ease-in-out duration-150
750                                                        leading-snug hover:shadow hover:scale-102 transform
751                                                        ">
752                                                        <div class="pr-1 mt-1">
753                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
754fa-message-question
755                                "></i>
756                                                        </d
756iv>
757
758
759                                                        <div class="space-y-0.5">
760                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
761
762
763                                                                FAQ
764
765                                                            </p>
766                                                            
767                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
768                                                                   style="text-wrap: pretty;">
769                                                                    All answers to frequently asked questions
770                                                                </p>
771                                                            
772
773                                                        </div>
774                                                        </a>
775
776                                                    
777
778                                                </div>
779
780                                            </div>
781                                        </div>
782                                        </div>
783                                    </teleport>
784                                
785                            </div>
786
787
788                        
789                            <div  @mouseenter="setButton('main-2')"
790                                 @mouseleave="unsetButton('main-2')"
791                                 data-vue-menu-hover="1"
792                                 data-vue-menu-id="main-2"
793                                 class="relative">
794                                <a href="/program/scientific-program"
795                                   
796                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
797                                   x-state:off="Item inactive"
798                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-2'), 'text-gray-900': !isOpen('main-2') }"
799                                   class="group inline-flex tracking-normal items-center space-x-1  lg:px-1 xl:px-2 font-semibold md:text-sm 2xl:text-base leading-tight hover:text-primary-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-200 text-gray-900  ">
800                                    <span>  Program   </span>
801                                    
802                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
803                                               :class="{ 'text-primary-500': isOpen('main-2'), 'text-gray-900': !isOpen('main-2') }"
804
805                                            ></i>
806
807                                        
808                                </a>
809                                
810
811                                    <teleport to="body" :disabled="true">
812                                        <div x-description=""
813                                             v-show="isOpen('main-2')"
814                                             @mouseenter="setHover('main-2')"
815                                             @mouseleave="unsetHover('main-2')"
816                                             data-vue-menu-panel-owner="main-2"
817                                             data-vue-menu-portal="0"
818
819
820                                             x-transition:enter-start="opacity-0"
821                                             x-transition:enter-end="opacity-100"
822                                             x-transition:leave-start="opacity-100"
823                                             x-transition:leave-end="opacity-0"
824                                             class="absolute mt-3 px-2 w-screen  max-w-md  sm:px-0 flyout-menu z-50 "
825                                             style="display: none;">
826
827
828                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
829                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
830                                                
831                                                    <div
832                                                        class=" leading-snug text-base font-light px-1 py-0.5 sm:p-5 sm:px-2">
833                                                        <div
834                                                            class="font-medium text-base pb-2 max-w-2xl ">
835                                                            Program
836                                                        </div>
837                                                        <div
838                                                            class="max-w-3xl leading-snug text-gray-600 text-sm">
839                                                            Dive into our exciting program featuring scientific highlights, main topics, short courses, special speakers, and social events.
840                                                        </div>
841                                                    </div>
842                                                
843                                                <div
844                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  "
845                                                    style="z-index: 999;">
846
847                                                    
848                                                    
849                                                        <a href="/program/scientific-program"
850                                                           
851                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
852                                                        hover:bg-gray-50 transition ease-in-out duration-150
853                                                        leading-snug hover:shadow hover:scale-102 transform
854                                                        ">
855                                                        <div class="pr-1 mt-1">
856                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
857fa-file
858                                "></i>
859                                                        </div>
860
861
862                                                        <div class="space-y-0.5">
863                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
864
865
866                                                                Scientific Program
867
868                                                            </p>
869                                                            
870                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
871                                                                   style="text-wrap: pretty;">
872                                                                    Overview of the scientific program
873                                                                </p>
874                                                            
875
876                                                        </div>
877                                                        </a>
878
879                                                    
880                                                        <a href="/program/main-topics"
881                                                           
882                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
883                                                        hover:bg-gray-50 transition ease-in-out duration-150
884                                                        leading-snug hover:shadow hover:scale-102 transform
885                                                        ">
886                                                        <div class="pr-1 mt-1">
887                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
888fa-tags
889                                "></i>
890                                                        </div>
891
892
893                                                        <div class="space-y-0.5">
894                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
895
896
897                                                                Main Topics
898
899                                                            </p>
900                                                            
901                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
902                                                                   style="text-wrap: pretty;">
903                                                                    Main topics of the conference
904                                                                </p>
905                                                            
906
907                                                        </div>
908                                                        </a>
909
910                                                    
911                                                        <a href="/program/short-courses"
912                                                           
913                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
914                                                        hover:bg-gray-50 transition ease-in-out duration-150
915                                                        leading-snug hover:shadow hover:scale-102 transform
916                                                        ">
917                                                        <div class="pr-1 mt-1">
918                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
919fa-users-class
920                                "></i>
921                                                        </div>
922
923
924                                                        <div class="space-y-0.5">
925                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
926
927
928                                                                Short Courses
929
930                                                            </p>
931                                                            
932                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
933                                                                   style="text-wrap: pretty;">
934                                                                    Experiencing special topics in small groups
935                                                                </p>
936                                                            
937
938                                                        </div>
939                                                        </a>
940
941                                                    
942                                                        <a href="/program/special-speakers"
943                                                           
944                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
945                                                        hover:bg-gray-50 transition ease-in-out duration-150
946                                                        leading-snug hover:shadow hover:scale-102 transform
947                                                        ">
948                                                        <div class="pr-1 mt-1">
949                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
950fa-chalkboard-teacher
951                                "></i>
952                                                        </div>
953
954
955                                                        <div class="space-y-0.5">
956                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
957
958
959                                                                Special Speakers
960
961                                                            </p>
962                                                            
963                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
964                                                                   style="text-wrap: pretty;">
965                                                                    Invited Experts will give an overview over their work
966                                                                </p>
967                                                            
968
969                                                        </div>
970                                                        </a>
971
972                                                    
973                                                        <a href="/program/social-events"
974                                                           
975                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
976                                                        hover:bg-gray-50 transition ease-in-out duration-150
977                                                        leading-snug hover:shadow hover:scale-102 transform
978                                                        ">
979                                                        <div class="pr-1 mt-1">
980                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
981fa-comments
982                                "></i>
983                                                        </div>
984
985
986                                                        <div class="space-y-0.5">
987                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
988
989
990                                                                Social Events
991
992                                                            </p>
993                                                            
994                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
995                                                                   style="text-wrap: pretty;">
996                                                                    Join us at social events and enjoy a relaxed atmosphere paired with an attractive program
997                                                                </p>
998                                                            
999
1000                                                        </div>
1001                                                        </a>
1002
1003                                                    
1004                                                        <a href="/program/young-scientists-career-event-at-ewc
1004ps2025"
1005                                                           
1006                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1007                                                        hover:bg-gray-50 transition ease-in-out duration-150
1008                                                        leading-snug hover:shadow hover:scale-102 transform
1009                                                        ">
1010                                                        <div class="pr-1 mt-1">
1011                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1012fa-rocket-launch
1013                                "></i>
1014                                                        </div>
1015
1016
1017                                                        <div class="space-y-0.5">
1018                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1019
1020
1021                                                                Young Scientists Career Event at EWCPS2025
1022
1023                                                            </p>
1024                                                            
1025                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1026                                                                   style="text-wrap: pretty;">
1027                                                                    Shaping Your Future in Science
1028                                                                </p>
1029                                                            
1030
1031                                                        </div>
1032                                                        </a>
1033
1034                                                    
1035
1036                                                </div>
1037
1038                                            </div>
1039                                        </div>
1040                                        </div>
1041                                    </teleport>
1042                                
1043                            </div>
1044
1045
1046                        
1047                            <div  @mouseenter="setButton('main-3')"
1048                                 @mouseleave="unsetButton('main-3')"
1049                                 data-vue-menu-hover="1"
1050                                 data-vue-menu-id="main-3"
1051                                 class="relative">
1052                                <a href="/participation/tickets"
1053                                   
1054                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
1055                                   x-state:off="Item inactive"
1056                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-3'), ' text-primary-500': !isOpen('main-3') }"
1057                                   class="group inline-flex tracking-normal items-center space-x-1  lg:px-1 xl:px-2 font-semibold md:text-sm 2xl:text-base leading-tight hover:text-primary-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-200 text-gray-900   text-primary-500">
1058                                    <span>  Participation   </span>
1059                                    
1060                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
1061                                               :class="{ 'text-primary-500': isOpen('main-3'), ' text-primary-500': !isOpen('main-3') }"
1062
1063                                            ></i>
1064
1065                                        
1066                                </a>
1067                                
1068
1069                                    <teleport to="body" :disabled="true">
1070                                        <div x-description=""
1071                                             v-show="isOpen('main-3')"
1072                                             @mouseenter="setHover('main-3')"
1073                                             @mouseleave="unsetHover('main-3')"
1074                                             data-vue-menu-panel-owner="main-3"
1075                                             data-vue-menu-portal="0"
1076
1077
1078                                             x-transition:enter-start="opacity-0"
1079                                             x-transition:enter-end="opacity-100"
1080                                             x-transition:leave-start="opacity-100"
1081                                             x-transition:leave-end="opacity-0"
1082                                             class="absolute mt-3 px-2 w-screen  max-w-3xl  sm:px-0 flyout-menu z-50 "
1083                                             style="display: none;">
1084
1085
1086                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
1087                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
1088                                                
1089                                                    <div
1090                                                        class=" leading-snug text-base font-light px-1 py-0.5 sm:p-5 sm:px-2">
1091                                                        <div
1092                                                            class="font-medium text-lg pb-2 max-w-2xl ">
1093                                                            Participation
1094                                                        </div>
1095                                                        <div
1096                                                            class="max-w-3xl leading-snug text-gray-600 text-base">
1097                                                            Participating in the 20th European Winter Conference on Plasma Spectrochemistry (EWCPS 2025) offers a unique opportunity to engage with leading experts in analytical plasma spectrochemistry.
1098                                                        </div>
1099                                                    </div>
1100                                                
1101                                                <div
1102                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  grid-cols-2"
1103                                                    style="z-index: 999;">
1104
1105                                                    
1106                                                    
1107                                                        <a href="/participation/tickets"
1108                                                           
1109                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1110                                                        hover:bg-gray-50 transition ease-in-out duration-150
1111                                                        leading-snug hover:shadow hover:scale-102 transform
1112                                                        ">
1113                                                        <div class="pr-1 mt-1">
1114                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1115fa-ticket-alt
1116                                "></i>
1117                                                        </div>
1118
1119
1120                                                        <div class="space-y-0.5">
1121                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1122
1123
1124                                                                Tickets
1125
1126                                                            </p>
1127                                                            
1128                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1129                                                                   style="text-wrap: pretty;">
1130                                                                    Register to attend
1131                                                                </p>
1132                                                            
1133
1134                                                        </div>
1135                                                        </a>
1136
1137                                                    
1138                                                        <a href="/participation/hybrid-event-experience"
1139                                                           
1140                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1141                                                        hover:bg-gray-50 transition ease-in-out duration-150
1142                                                        leading-snug hover:shadow hover:scale-102 transform
1143                                                        ">
1144                                                        <div class="pr-1 mt-1">
1145                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1146fa-desktop
1147                                "></i>
1148                                                        </div>
1149
1150
1151                                                        <div class="space-y-0.5">
1152                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1153
1154
1155                                                                Hybrid Event Experience
1156
1157                                                            </p>
1158                                                            
1159                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1160                                                                   style="text-wrap: pretty;">
1161                                                                    Discover the benefits of a hybrid event
1162                                                                </p>
1163                                                            
1164
1165                                                        </div>
1166                                                        </a>
1167
1168                                                    
1169                                                        <a href="/participation/conference-venue"
1170                                                           
1171                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1172                                                        hover:bg-gray-50 transition ease-in-out duration-150
1173                                                        leading-snug hover:shadow hover:scale-102 transform
1174                                                        ">
1175                                                        <div class="pr-1 mt-1">
1176                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1177fa-map-marker-alt
1178                                "></i>
1179                                                        </div>
1180
1181
1182                                                        <div class="space-y-0.5">
1183                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1184
1185
1186                                                                Conference Venue &amp; Accommodation
1187
1188                                                            </p>
1189                                                            
1190                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1191                                                                   style="text-wrap: pretty;">
1192                                                                    Welcome to this year&#039;s conference location
1193                                                                </p>
1194                                                            
1195
1196                                                        </div>
1197                                                        </a>
1198
1199                                                    
1200                                                        <a href="/participation/conference-venue/about-berlin-germany"
1201                                                           
1202                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1203                                                        hover:bg-gray-50 transition ease-in-out duration-150
1204                                                        leading-snug hover:shadow hover:scale-102 transform
1205                                                         bg-gray-50 border
1206                                                        border-primary-300">
1207                                                        <div class="pr-1 mt-1">
1208                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1209fa-landmark-alt
1210                                "></i>
1211                                                        </div>
1212
1213
1214                                                        <div class="space-y-0.5">
1215                                                            <p class="text-base leading-tight font-bold text-gray-900  font-bold text-primary-500">
1216
1217
1218                                                                About Berlin (Germany)
1219
1220                                                            </p>
1221                                                            
1222                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1223                                                                   style="text-wrap: pretty;">
1224                                                                    Welcome to Germany
1225                                                                </p>
1226                                                            
1227
1228                                                        </div>
1229                                                        </a>
1230
1231                                                    
1232                                                        <a href="/participation/public-transport"
1233                                                           
1234                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1235                                                        hover:bg-gray-50 transition ease-in-out duration-150
1236                                                        leading-snug hover:shadow hover:scale-102 transform
1237                                                        ">
1238                                                        <div class="pr-1 mt-1">
1239                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1240fa-xx
1241                                "></i>
1242                                                        </div>
1243
1244
1245                                                        <div class="space-y-0.5">
1246                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1247
1248
1249                                                                Public Transport
1250
1251                                                            </p>
1252                                                            
1253                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1254                                                                   style="text-wrap: pretty;">
1255                                                                    Travel Smart and Eco-Friendly in Berlin
1256                                                                </p>
1257                                                            
1258
1259                                                        </div>
1260                                                        </a>
1261
1262                                                    
1263                                                        <a href="/participation/travel-information"
1264                         
1264                                  
1265                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1266                                                        hover:bg-gray-50 transition ease-in-out duration-150
1267                                                        leading-snug hover:shadow hover:scale-102 transform
1268                                                        ">
1269                                                        <div class="pr-1 mt-1">
1270                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1271fa-atlas
1272                                "></i>
1273                                                        </div>
1274
1275
1276                                                        <div class="space-y-0.5">
1277                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1278
1279
1280                                                                Travel Information
1281
1282                                                            </p>
1283                                                            
1284                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1285                                                                   style="text-wrap: pretty;">
1286                                                                    How to get there
1287                                                                </p>
1288                                                            
1289
1290                                                        </div>
1291                                                        </a>
1292
1293                                                    
1294                                                        <a href="/participation/country-visa-information"
1295                                                           
1296                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1297                                                        hover:bg-gray-50 transition ease-in-out duration-150
1298                                                        leading-snug hover:shadow hover:scale-102 transform
1299                                                        ">
1300                                                        <div class="pr-1 mt-1">
1301                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1302fa-globe-europe
1303                                "></i>
1304                                                        </div>
1305
1306
1307                                                        <div class="space-y-0.5">
1308                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1309
1310
1311                                                                Country &amp; Visa Information
1312
1313                                                            </p>
1314                                                            
1315                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1316                                                                   style="text-wrap: pretty;">
1317                                                                    Good things to know
1318                                                                </p>
1319                                                            
1320
1321                                                        </div>
1322                                                        </a>
1323
1324                                                    
1325                                                        <a href="/participation/db-event-ticket"
1326                                                            target="_blank" rel="noopener"
1327                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1328                                                        hover:bg-gray-50 transition ease-in-out duration-150
1329                                                        leading-snug hover:shadow hover:scale-102 transform
1330                                                        ">
1331                                                        <div class="pr-1 mt-1">
1332                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1333fa-train-tram
1334                                "></i>
1335                                                        </div>
1336
1337
1338                                                        <div class="space-y-0.5">
1339                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1340
1341
1342                                                                DB Event Ticket
1343
1344                                                            </p>
1345                                                            
1346                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1347                                                                   style="text-wrap: pretty;">
1348                                                                    Travel for a special price
1349                                                                </p>
1350                                                            
1351
1352                                                        </div>
1353                                                        </a>
1354
1355                                                    
1356
1357                                                </div>
1358
1359                                            </div>
1360                                        </div>
1361                                        </div>
1362                                    </teleport>
1363                                
1364                            </div>
1365
1366
1367                        
1368                            <div  @mouseenter="setButton('main-4')"
1369                                 @mouseleave="unsetButton('main-4')"
1370                                 data-vue-menu-hover="1"
1371                                 data-vue-menu-id="main-4"
1372                                 class="relative">
1373                                <a href="/event-platform"
1374                                    target="_blank" rel="noopener"
1375                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
1376                                   x-state:off="Item inactive"
1377                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-4'), 'text-gray-900': !isOpen('main-4') }"
1378                                   class="group inline-flex tracking-normal items-center space-x-1  lg:px-1 xl:px-2 font-semibold md:text-sm 2xl:text-base leading-tight hover:text-primary-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-200 text-gray-900  ">
1379                                    <span> 
1380                                                                <i class="fal fa-globe"></i>
1381
1382                                                             Event Platform   </span>
1383                                    
1384
1385                                        
1386                                </a>
1387                                
1388                            </div>
1389
1390
1391                        
1392                            <div  @mouseenter="setButton('main-5')"
1393                                 @mouseleave="unsetButton('main-5')"
1394                                 data-vue-menu-hover="1"
1395                                 data-vue-menu-id="main-5"
1396                                 class="relative">
1397                                <a href="/submission/submit-your-abstract"
1398                                   
1399                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
1400                                   x-state:off="Item inactive"
1401                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-5'), 'text-gray-900': !isOpen('main-5') }"
1402                                   class="group inline-flex tracking-normal items-center space-x-1  lg:px-1 xl:px-2 font-semibold md:text-sm 2xl:text-base leading-tight hover:text-primary-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-200 text-gray-900  ">
1403                                    <span> 
1404                                                                <i class="fal fa-paper-plane"></i>
1405
1406                                                             Submission   </span>
1407                                    
1408                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
1409                                               :class="{ 'text-primary-500': isOpen('main-5'), 'text-gray-900': !isOpen('main-5') }"
1410
1411                                            ></i>
1412
1413                                        
1414                                </a>
1415                                
1416
1417                                    <teleport to="body" :disabled="true">
1418                                        <div x-description=""
1419                                             v-show="isOpen('main-5')"
1420                                             @mouseenter="setHover('main-5')"
1421                                             @mouseleave="unsetHover('main-5')"
1422                                             data-vue-menu-panel-owner="main-5"
1423                                             data-vue-menu-portal="0"
1424
1425
1426                                             x-transition:enter-start="opacity-0"
1427                                             x-transition:enter-end="opacity-100"
1428                                             x-transition:leave-start="opacity-100"
1429                                             x-transition:leave-end="opacity-0"
1430                                             class="absolute mt-3 px-2 w-screen  max-w-md  sm:px-0 flyout-menu z-50 "
1431                                             style="display: none;">
1432
1433
1434                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
1435                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
1436                                                
1437                                                    <div
1438                                                        class=" leading-snug text-base font-light px-1 py-0.5 sm:p-5 sm:px-2">
1439                                                        <div
1440                                                            class="font-medium text-base pb-2 max-w-2xl ">
1441                                                            Submission
1442                                                        </div>
1443                                                        <div
1444                                                            class="max-w-3xl leading-snug text-gray-600 text-sm">
1445                                                            Submit your contribution — find all the guidelines, templates, and the abstract submission portal here.
1446                                                        </div>
1447                                                    </div>
1448                                                
1449                                                <div
1450                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  "
1451                                                    style="z-index: 999;">
1452
1453                                                    
1454                                                    
1455                                                        <a href="/submission/submit-your-abstract"
1456                                                           
1457                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1458                                                        hover:bg-gray-50 transition ease-in-out duration-150
1459                                                        leading-snug hover:shadow hover:scale-102 transform
1460                                                        ">
1461                                                        <div class="pr-1 mt-1">
1462                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1463fa-paper-plane
1464                                "></i>
1465                                                        </div>
1466
1467
1468                                                        <div class="space-y-0.5">
1469                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1470
1471
1472                                                                Submit Your Abstract
1473
1474                                                            </p>
1475                                                            
1476                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1477                                                                   style="text-wrap: pretty;">
1478                                                                    All information for submitting your abstract
1479                                                                </p>
1480                                                            
1481
1482                                                        </div>
1483                                                        </a>
1484
1485                                                    
1486                                                        <a href="/submission/guidelines-for-the-presentation-of-your-contribution"
1487                                                           
1488                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1489                                                        hover:bg-gray-50 transition ease-in-out duration-150
1490                                                        leading-snug hover:shadow hover:scale-102 transform
1491                                                        ">
1492                                                        <div class="pr-1 mt-1">
1493                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1494fa-square-info
1495                                "></i>
1496                                                        </div>
1497
1498
1499                                                        <div class="space-y-0.5">
1500                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1501
1502
1503                                                                Guidelines for the Presentation of Your Contribution
1504
1505                                                            </p>
1506                                                            
1507                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1508                                                                   style="text-wrap: pretty;">
1509                                                                    For lecture, poster and poster pitch presentation
1510                                                                </p>
1511                                                            
1512
1513                                                        </div>
1514                                                        </a>
1515
1516                                                    
1517                                                        <a href="/submission/templates"
1518                                                           
1519                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1520                                                        hover:bg-gray-50 transition ease-in-out duration-150
1521                                                        leading-snug hover:shadow hover:scale-102 transform
1522                                                        ">
1523                                                        <div class="pr-1 mt-1">
1524                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1525fa-memo
1526                                "></i>
1527                                                        </div>
1528
1529
1530                                                        <div class="space-y-0.5">
1531                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1532
1533
1534                                                                Templates
1535
1536                                                            </p>
1537                                                            
1538                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1539                                                                   style="text-wrap: pretty;">
1540                                                                    Templates to prepare your contribution
1541                                                                </p>
1542                                                            
1543
1544                                                        </div>
1545                                                        </a>
1546
1547                                                    
1548
1549                                                </div>
1550
1551                                            </div>
1552                                        </div>
1553                                        </div>
1554                                    </teleport>
1555                                
1556                            </div>
1557
1558
1559                        
1560                            <div  @mouseenter="setButton('main-6')"
1561                                 @mouseleave="unsetButton('main-6')"
1562                                 data-vue-menu-hover="1"
1563                                 data-vue-menu-id="main-6"
1564                                 class="relative">
1565                                <a href="/awards/ewcps-awards"
1566                                   
1567                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
1568                                   x-state:off="Item inactive"
1569                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-6'), 'text-gray-900': !isOpen('main-6') }"
1570                                   class="group inline-flex tracking-normal items-center space-x-1  lg:px-1 xl:px-2 font-semibold md:text-sm 2xl:text-base leading-tight hover:text-primary-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-200 text-gray-900  ">
1571                                    <span>  Awards   </span>
1572                                    
1573                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
1574                                               :class="{ 'text-primary-500': isOpen('main-6'), 'text-gray-900': !isOpen('main-6') }"
1575
1576                                            ></i>
1577
1578                                        
1579                                </a>
1580                                
1581
1582                                    <teleport to="body" :disabled="true">
1583                                        <div x-description=""
1584                                             v-show="isOpen('main-6')"
1585                                             @mouseenter="setHover('main-6')"
1586                                             @mouseleave="unsetHover('main-6')"
1587                                             data-vue-menu-panel-owner="main-6"
1588                                             data-vue-menu-portal="0"
1589
1590
1591                                             x-transition:enter-start="opacity-0"
1592                                             x-transition:enter-end="opacity-100"
1593                                             x-transition:leave-start="opacity-100"
1594                                             x-transition:leave-end="opacity-0"
1595                                             class="absolute mt-3 px-2 w-screen  max-w-3xl  sm:px-0 flyout-menu z-50 "
1596                                             style="display: none;">
1597
1598
1599                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
1600                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
1601                                                
1602                                                    <div
1603                                                        class=" leading-snug text-base font-light px-1 py-0.5 sm:p-5 sm:px-2">
1604                                                        <div
1605                                                            class="font-medium text-lg pb-2 max-w-2xl ">
1606                                                            Awards
1607                                                        </div>
1608                                                        <div
1609                                                            class="max-w-3xl leading-snug text-gray-600 text-base">
1610                                                            Explore the prestigious accolades recognizing excellence in plasma spectrochemistry.
1611                                                        </div>
1612                                                    </div>
1613                                                
1614                                                <div
1615                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  grid-cols-2"
1616                                                    style="z-index: 999;">
1617
1618                                                    
1619                                                    
1620                                                        <a href="/awards/ewcps-awards"
1621                                                           
1622                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1623                                                        hover:bg-gray-50 transition ease-in-out duration-150
1624                                                        leading-snug hover:shadow hover:scale-102 transform
1625                                                        ">
1626                                                        <div class="pr-1 mt-1">
1627                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1628fa-award
1629                                "></i>
1630                                                        </div>
1631
1632
1633                                                        <div class="space-y-0.5">
1634                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1635
1636
1637                                                                EWCPS Awards
1638
1639                                                            </p>
1640                                                            
1641                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1642                                                                   style="text-wrap: pretty;">
1643                                                                    All EWCPS Awards at a glance
1644                                                                </p>
1645                                                            
1646
1647                                                        </div>
1648                                                        </a>
1649
1650                                                    
1651                                                        <a href="/awards/european-award-for-plasma-spectrochemistry"
1652                                                           
1653                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1654                                                        hover:bg-gray-50 transition ease-in-out duration-150
1655                                                        leading-snug hover:shadow hover:scale-102 transform
1656                                                        ">
1657                                                        <div class="pr-1 mt-1">
1658                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1659fa-award
1660                                "></i>
1661                                                        </div>
1662
1663
1664                                                        <div class="space-y-0.5">
1665                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1666
1667
1668                                                                European Award for Plasma Spectrochemistry
1669
1670                                                            </p>
1671                                                            
1672                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1673                                                                   style="text-wrap: pretty;">
1674                                                                    Promoting analytical plasma spectrochemical developments and applications in Europe
1675                                                                </p>
1676                                                            
1677
1678                                                        </div>
1679                                                        </a>
1680
1681                                                    
1682                                                        <a href="/awards/european-rising-star-award"
1683                                                           
1684                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1685                                                        hover:bg-gray-50 transition ease-in-out duration-150
1686                                                        leading-snug hover:shadow hover:scale-102 transform
1687                                                        ">
1688                                                        <div class="pr-1 mt-1">
1689                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1690fa-award
1691                                "></i>
1692                                                        </div>
1693
1694
1695                                                        <div class="space-y-0.5">
1696                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1697
1698
1699                                                                European Rising Star Award
1700
1701                                                            </p>
1702                                                            
1703                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1704                                                                   style="text-wrap: pretty;">
1705                                                                    Promoting outstanding contributions of upcoming younger scientists
1706                                                                </p>
1707                                                            
1708
1709                                                        </div>
1710                                                        </a>
1711
1712                                                    
1713                                                        <a href="/awards/jaas-emerging-investigator"
1714                                                           
1715                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1716                                                        hover:bg-gray-50 transition ease-in-out duration-150
1717                                                        leading-snug hover:shadow hover:scale-102 transform
1718                                                        ">
1719                                                        <div class="pr-1 mt-1">
1720                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1721fa-award
1722                                "></i>
1723                                                        </div>
1724
1725
1726                                                        <div class="space-y-0.5">
1727                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1728
1729
1730                                                                JAAS Emerging Investigator
1731
1732                                                            </p>
1733                                                            
1734                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1735                                                                   style="text-wrap: pretty;">
1736                                                                    Supporting the emerging scientists working in atomic spectometry
1737                                                                </p>
1738                                                            
1739
1740                                                        </div>
1741                                                        </a>
1742
1743                                                    
1744                                                        <a href="/awards/ewcps-awards/jaas-icp-tof-ms-award"
1745                                                           
1746                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1747                                                        hover:bg-gray-50 transition ease-in-out duration-150
1748                                                        leading-snug hover:shadow hover:scale-102 transform
1749                                                        ">
1750                                                        <div class="pr-1 mt-1">
1751                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1752fa-award
1753                                "></i>
1754                                                        </div>
1755
1756
1757                                                        <div class="space-y-0.5">
1758                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1759
1760
1761                                                                JAAS ICP-ToF-MS Award
1762
1763                                                            </p>
1764                                                            
1765                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1766                                                                   style="text-wrap: pretty;">
1767                                                                    A TOF Award sponsored by JAAS
1768                                                                </p>
1769                                                            
1770
1771                                                        </div>
1772                                                        </a>
1773
1774                                                    
1775                                                        <a href="/awards/jaas-emerging-investigator/emerging-leader-in-atomic-spectroscopy-award"
1776                                                           
1777                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1778                                                        hover:bg-gray-50 transition ease-in-out duration-150
1779                                                        leading-snug hover:shadow hover:scale-102 transform
1780                                                        ">
1781                                                        <div class="pr-1 mt-1">
1782                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1783fa-award
1784                                "></i>
1785                                                        </div>
1786
1787
1788                                                        <div class="space-y-0.5">
1789                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1790
1791
1792                                                                Emerging Leader in Atomic Spectroscopy Award
1793
1794                                                            </p>
1795                                                            
1796                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1797                                                                   style="text-wrap: pretty;">
1798                                                                    Recognizing the achievements and aspirations of a talented young atomic spectroscopist
1799                                                                </p>
1800                                                            
1801
1802                                                        </div>
1803                                                        </a>
1804
1805                                                    
1806                                                        <a href="/awards/student-awards"
1807                                                           
1808                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
1809                                                        hover:bg-gray-50 transition ease-in-out duration-150
1810                                                        leading-snug hover:shadow hover:scale-102 transform
1811                                                        ">
1812                                                        <div class="pr-1 mt-1">
1813                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
1814fa-award
1815                                "></i>
1816                                                        </div>
1817
1818
1819                                                        <div class="space-y-0.5">
1820                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
1821
1822
1823                                                                Student Awards
1824
1825                                                            </p>
1826                                                            
1827                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
1828                                
1828                                   style="text-wrap: pretty;">
1829                                                                    Recognizing the outstanding posters and lectures of students
1830                                                                </p>
1831                                                            
1832
1833                                                        </div>
1834                                                        </a>
1835
1836                                                    
1837
1838                                                </div>
1839
1840                                            </div>
1841                                        </div>
1842                                        </div>
1843                                    </teleport>
1844                                
1845                            </div>
1846
1847
1848                        
1849                        <!-- THEMEN -->
1850
1851
1852                    </nav>
1853                    <div
1854                        class="hidden relative xl:flex items-center justify-end space-x-2 lg:space-x-3 3xl:space-x-4 md:flex-1 lg:w-0 text-xs ">
1855
1856
1857                        
1858
1859                        
1860
1861
1862                        
1863
1864                            
1865                            
1866                                    
1867                                        
1868                                            <a href="https://dgm.inventum.de/customer/home?_LANG=en" title="Login"
1869                                               class="whitespace-no-wrap text-sm px-2  font-medium tracking-normal transform hover:scale-105 transition-all duration-200 hover:bg-primary-500 focus:outline-none text-primary-500 hover:text-primary-50 border rounded-md hover:border-primary-200 border-primary-100 border-1 px-1 py-1">
1870                                                <span class="hidden 2xl:inline-block"> <i class="fal fa-sign-in"></i></span>
1871                                                Login
1872                                            </a>
1873
1874
1875                                        
1876                                    
1877                                
1878
1879
1880                        
1881
1882                        
1883                                <a href="https://dgm.de/en"
1884                                   class="dgm-mainlink-anchor whitespace-no-wrap text-sm px-2 font-medium tracking-normal transform hover:scale-105 transition-all duration-200 border-primary-500 hover:bg-primary-500 focus:outline-none text-primary-500 hover:bg-primary-500 hover:text-primary-50 border rounded-md hover:border-primary-200 border-1 px-1 py-1">
1885                                    <span style="display:inline-flex;align-items:baseline;vertical-align:middle;"><span role="img" aria-label="DGM" style="display:inline-block;width:3.13em;height:0.9em;background-color:currentColor;-webkit-mask:url('/fileadmin/DGM/Logo/dgm-white.svg') no-repeat center / contain;mask:url('/fileadmin/DGM/Logo/dgm-white.svg') no-repeat center / contain;"></span><span class="font-normal" style="padding-left:0.2em;font-size:0.85em;line-height:1;">.de</span></span>
1886                                    
1887                                        <span class="dgm-mainlink-tip" role="tooltip">German Society for Materials Science (DGM)</span>
1888                                    
1889                                </a>
1890                            
1891                        <!--
1892
1893                        -->
1894                    </div>
1895                    
1896                </div>
1897            </div>
1898
1899            <!--
1900              ────────────────────────────────────────────────────────────────
1901              MOBILE MENU — teleported to <body> so it escapes the .mainmenu
1902              stacking context. The smart-sticky scroll handler also bails
1903              while the sheet is open (see mountFullscreenHeroMenuPin), and
1904              the watcher on mobileMenuOpen body-scroll-locks the page.
1905              Two CSS transitions wrap backdrop + sheet for an elegant slide.
1906              ────────────────────────────────────────────────────────────────
1907            -->
1908            <teleport to="body">
1909                <div class="dgm-mainmenu-mobile xl:hidden" :class="{ 'is-open': mobileMenuOpen }">
1910                    <transition name="dgm-mm-fade">
1911                        <div class="dgm-mainmenu-mobile__backdrop"
1912                             v-show="mobileMenuOpen"
1913                             @click="mobileMenuOpen = false"
1914                             aria-hidden="true"
1915                             style="display:none;"></div>
1916                    </transition>
1917                    <transition name="dgm-mm-slide">
1918                        <aside class="dgm-mainmenu-mobile__sheet"
1919                               v-show="mobileMenuOpen"
1920                               role="dialog"
1921                               aria-modal="true"
1922                               aria-label="Menü"
1923                               style="display:none;">
1924                            <header class="dgm-mainmenu-mobile__header">
1925                                <a id="logo" href="/">
1926                                    <img src="/fileadmin/Extern/2
1926025/EWCPS/Logo/EWCPS2025-Logo-small.png" width="2884" height="707"  class="h-8 w-auto"  alt="" >
1927                                </a>
1928                                <button @click="mobileMenuOpen = false" type="button"
1929                                        class="dgm-mainmenu-mobile__close"
1930                                        aria-label="Menü schließen">
1931                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true">
1932                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1933                                              d="M6 18L18 6M6 6l12 12"></path>
1934                                    </svg>
1935                                </button>
1936                            </header>
1937
1938                            <div class="dgm-mainmenu-mobile__scroll">
1939                                
1940
1941                                <nav class="dgm-mainmenu-mobile__nav" aria-label="Mobile">
1942                                    
1943                                        <div class="dgm-mainmenu-mobile__group"
1944                                             data-mm-id="mm-0"
1945                                             
1946                                             :class="isMobileChildOpen('mm-0') ? 'is-open' : ''">
1947                                            <div class="dgm-mainmenu-mobile__row">
1948                                                <a href="/picture-gallery/day-1-sunday"
1949                                                   
1950                                                   class="dgm-mainmenu-mobile__row-link ">
1951                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small"
1952                                                       aria-hidden="true"></i>
1953                                                    <span>Picture Gallery</span>
1954                                                </a>
1955                                                
1956                                                    <button type="button"
1957                                                            class="dgm-mainmenu-mobile__row-toggle"
1958                                                            @click="toggleMobileChild('mm-0')"
1959                                                            :aria-expanded="isMobileChildOpen('mm-0') ? 'true' : 'false'"
1960                                                            :aria-label="isMobileChildOpen('mm-0') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
1961                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
1962                                                    </button>
1963                                                
1964                                            </div>
1965                                            
1966                                                <ul class="dgm-mainmenu-mobile__children"
1967                                                    v-show="isMobileChildOpen('mm-0')"
1968                                                    style="display:none;">
1969                                                    
1970                                                    
1971                                                        <li>
1972                                                            <a href="/picture-gallery/day-1-sunday"
1973                                                               
1974                                                               class="dgm-mainmenu-mobile__child ">
1975                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-camera"
1976                                                                   aria-hidden="true"></i>
1977                                                                <span>Day 1 - Sunday</span>
1978                                                            </a>
1979                                                        </li>
1980                                                    
1981                                                        <li>
1982                                                            <a href="/picture-gallery/day-2-monday"
1983                                                               
1984                                                               class="dgm-mainmenu-mobile__child ">
1985                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-camera"
1986                                                                   aria-hidden="true"></i>
1987                                                                <sp
1987an>Day 2 - Monday</span>
1988                                                            </a>
1989                                                        </li>
1990                                                    
1991                                                        <li>
1992                                                            <a href="/picture-gallery/day-3-tuesday"
1993                                                               
1994                                                               class="dgm-mainmenu-mobile__child ">
1995                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-camera"
1996                                                                   aria-hidden="true"></i>
1997                                                                <span>Day 3 - Tuesday</span>
1998                                                            </a>
1999                                                        </li>
2000                                                    
2001                                                        <li>
2002                                                            <a href="/picture-gallery/day-4-wednesday"
2003                                                               
2004                                                               class="dgm-mainmenu-mobile__child ">
2005                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-camera"
2006                                                                   aria-hidden="true"></i>
2007                                                                <span>Day 4 - Wednesday</span>
2008                                                            </a>
2009                                                        </li>
2010                                                    
2011                                                        <li>
2012                                                            <a href="/picture-gallery/day-5-thursday"
2013                                                               
2014                                                               class="dgm-mainmenu-mobile__child ">
2015                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-camera"
2016                                                                   aria-hidden="true"></i>
2017                                                                <span>Day 5 - Thursday</span>
2018                                                            </a>
2019                                                        </li>
2020                                                    
2021                                                        <li>
2022                                                            <a href="/picture-gallery/day-6-friday"
2023                                                               
2024                                                               class="dgm-mainmenu-mobile__child ">
2025                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-camera"
2026                                                                   aria-hidden="true"></i>
2027                                                                <span>Day 6 - Friday</span>
2028                                                            </a>
2029                                                        </li>
2030                                                    
2031                                                </ul>
2032                                            
2033                                        </div>
2034                                    
2035                                        <div class="dgm-mainmenu-mobile__group"
2036                                             data-mm-id="mm-1"
2037                                             
2038                                             :class="isMobileChildOpen('mm-1') ? 'is-open' : ''">
2039                                            <div class="dgm-mainmenu-mobile__row">
2040                                                <a href="/conference/welcome"
2041                                                   
2042                                                   class="dgm-mainmenu-mobile__row-link ">
2043                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small"
2044                                                       aria-hidden="true"></i>
2045                                                    <span>Conference</span>
2046                                                </a>
2047                                                
2048                                                    <button type="button"
2049                                                            class="dgm-mainmenu-mobile__row-toggle"
2050                                                            @click="toggleMobileChild('mm-1')"
2051                                                            :aria-expanded="isMobileChildOpen('mm-1') ? 'true' : 'false'"
2052                                                            :aria-label="isMobileChildOpen('mm-1') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
2053                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
2054                                                    </button>
2055                                                
2056                                            </div>
2057                                            
2058                                                <ul class="dgm-mainmenu-mobile__children"
2059                                                    v-show="isMobileChildOpen('mm-1')"
2060                                                    style="display:none;">
2061                                                    
2062                                                    
2063                                                        <li>
2064                                                            <a href="/conference/welcome"
2065                                                               
2066                                                               class="dgm-mainmenu-mobile__child ">
2067                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-file-alt"
2068                                                                   aria-hidden="true"></i>
2069                                                                <span>Welcome</span>
2070                                                            </a>
2071                                                        </li>
2072                                                    
2073                                                        <li>
2074                                                            <a href="/conference/history"
2075                                                               
2076                                                               class="dgm-mainmenu-mobile__child ">
2077                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-file-alt"
2078                                                                   aria-hidden="true"></i>
2079                                                                <span>History</span>
2080                                                            </a>
2081                                                        </li>
2082                                                    
2083                                                        <li>
2084                                                            <a href="/conference/conference-committee"
2085                                                               
2086                                                               class="dgm-mainmenu-mobile__child ">
2087                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-users-class"
2088                                                                   aria-hidden="true"></i>
2089                                                                <span>Conference Committee</span>
2090                                                            </a>
2091                                                        </li>
2092                                                    
2093                                                        <li>
2094                                                            <a href="/conference/keydates-deadlines"
2095                                                               
2096                                                               class="dgm-mainmenu-mobile__child ">
2097                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-calendar"
2098                                                                   aria-hidden="true"></i>
2099                                                                <sp
2099an>Key Dates &amp; Deadlines</span>
2100                                                            </a>
2101                                                        </li>
2102                                                    
2103                                                        <li>
2104                                                            <a href="/conference/conference-organizer-contact"
2105                                                               
2106                                                               class="dgm-mainmenu-mobile__child ">
2107                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-mailbox"
2108                                                                   aria-hidden="true"></i>
2109                                                                <span>Conference Organizer &amp; Contact</span>
2110                                                            </a>
2111                                                        </li>
2112                                                    
2113                                                        <li>
2114                                                            <a href="/conference/sustainability"
2115                                                               
2116                                                               class="dgm-mainmenu-mobile__child ">
2117                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-leaf"
2118                                                                   aria-hidden="true"></i>
2119                                                                <span>Sustainability at EWCPS</span>
2120                                                            </a>
2121                                                        </li>
2122                                                    
2123                                                        <li>
2124                                                            <a href="/conference/faq"
2125                                                               
2126                                                               class="dgm-mainmenu-mobile__child ">
2127                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-message-question"
2128                                                                   aria-hidden="true"></i>
2129                                                                <span>FAQ</span>
2130                                                            </a>
2131                                                        </li>
2132                                                    
2133                                                </ul>
2134                                            
2135                                        </div>
2136                                    
2137                                        <div class="dgm-mainmenu-mobile__group"
2138                                             data-mm-id="mm-2"
2139                                             
2140                                             :class="isMobileChildOpen('mm-2') ? 'is-open' : ''">
2141                                            <div class="dgm-mainmenu-mobile__row">
2142                                                <a href="/program/scientific-program"
2143                                                   
2144                                                   class="dgm-mainmenu-mobile__row-link ">
2145                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small"
2146                                                       aria-hidden="true"></i>
2147                                                    <span>Program</span>
2148                                                </a>
2149                                                
2150                                                    <button type="button"
2151                                                            class="dgm-mainmenu-mobile__row-toggle"
2152                                                            @click="toggleMobileChild('mm-2')"
2153                                                            :aria-expanded="isMobileChildOpen('mm-2') ? 'true' : 'false'"
2154                                                            :aria-label="isMobileChildOpen('mm-2') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
2155                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
2156                                                    </button>
2157                                                
2158                                            </div>
2159                                            
2160                                                <ul class="dgm-mainmenu-mobile__children"
2161                                                    v-show="isMobileChildOpen('mm-2')"
2162                                                    style="display:none;">
2163                                                    
2164                                                    
2165                                                        <li>
2166                                                            <a href="/program/scientific-program"
2167                                                               
2168                                                               class="dgm-mainmenu-mobile__child ">
2169                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-file"
2170                                                                   aria-hidden="true"></i>
2171                                                                <sp
2171an>Scientific Program</span>
2172                                                            </a>
2173                                                        </li>
2174                                                    
2175                                                        <li>
2176                                                            <a href="/program/main-topics"
2177                                                               
2178                                                               class="dgm-mainmenu-mobile__child ">
2179                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-tags"
2180                                                                   aria-hidden="true"></i>
2181                                                                <span>Main Topics</span>
2182                                                            </a>
2183                                                        </li>
2184                                                    
2185                                                        <li>
2186                                                            <a href="/program/short-courses"
2187                                                               
2188                                                               class="dgm-mainmenu-mobile__child ">
2189                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-users-class"
2190                                                                   aria-hidden="true"></i>
2191                                                                <span>Short Courses</span>
2192                                                            </a>
2193                                                        </li>
2194                                                    
2195                                                        <li>
2196                                                            <a href="/program/special-speakers"
2197                                                               
2198                                                               class="dgm-mainmenu-mobile__child ">
2199                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-chalkboard-teacher"
2200                                                                   aria-hidden="true"></i>
2201                                                                <span>Special Speakers</span>
2202                                                            </a>
2203                                                        </li>
2204                                                    
2205                                                        <li>
2206                                                            <a href="/program/social-events"
2207                                                               
2208                                                               class="dgm-mainmenu-mobile__child ">
2209                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-comments"
2210                                                                   aria-hidden="true"></i>
2211                                                                <span>Social Events</span>
2212                                                            </a>
2213                                                        </li>
2214                                                    
2215                                                        <li>
2216                                                            <a href="/program/young-scientists-career-event-at-ewc
2216ps2025"
2217                                                               
2218                                                               class="dgm-mainmenu-mobile__child ">
2219                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-rocket-launch"
2220                                                                   aria-hidden="true"></i>
2221                                                                <span>Young Scientists Career Event at EWCPS2025</span>
2222                                                            </a>
2223                                                        </li>
2224                                                    
2225                                                </ul>
2226                                            
2227                                        </div>
2228                                    
2229                                        <div class="dgm-mainmenu-mobile__group"
2230                                             data-mm-id="mm-3"
2231                                             data-mm-default-open="1"
2232                                             :class="isMobileChildOpen('mm-3') ? 'is-open' : ''">
2233                                            <div class="dgm-mainmenu-mobile__row">
2234                                                <a href="/participation/tickets"
2235                                                   
2236                                                   class="dgm-mainmenu-mobile__row-link is-current">
2237                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small"
2238                                                       aria-hidden="true"></i>
2239                                                    <span>Participation</span>
2240                                                </a>
2241                                                
2242                                                    <button type="button"
2243                                                            class="dgm-mainmenu-mobile__row-toggle"
2244                                                            @click="toggleMobileChild('mm-3')"
2245                                                            :aria-expanded="isMobileChildOpen('mm-3') ? 'true' : 'false'"
2246                                                            :aria-label="isMobileChildOpen('mm-3') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
2247                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
2248                                                    </button>
2249                                                
2250                                            </div>
2251                                            
2252                                                <ul class="dgm-mainmenu-mobile__children"
2253                                                    v-show="isMobileChildOpen('mm-3')"
2254                                                    style="display:none;">
2255                                                    
2256                                                    
2257                                                        <li>
2258                                                            <a href="/participation/tickets"
2259                                                               
2260                                                               class="dgm-mainmenu-mobile__child ">
2261                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-ticket-alt"
2262                                                                   aria-hidden="true"></i>
2263                                                                <span>Tickets</span>
2264                                                            </a>
2265                                                        </li>
2266                                                    
2267                                                        <li>
2268                                                            <a href="/participation/hybrid-event-experience"
2269                                                               
2270                                                               class="dgm-mainmenu-mobile__child ">
2271                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-desktop"
2272                                                                   aria-hidden="true"></i>
2273                                                                <sp
2273an>Hybrid Event Experience</span>
2274                                                            </a>
2275                                                        </li>
2276                                                    
2277                                                        <li>
2278                                                            <a href="/participation/conference-venue"
2279                                                               
2280                                                               class="dgm-mainmenu-mobile__child ">
2281                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-map-marker-alt"
2282                                                                   aria-hidden="true"></i>
2283                                                                <span>Conference Venue &amp; Accommodation</span>
2284                                                            </a>
2285                                                        </li>
2286                                                    
2287                                                        <li>
2288                                                            <a href="/participation/conference-venue/about-berlin-germany"
2289                                                               
2290                                                               class="dgm-mainmenu-mobile__child is-current">
2291                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-landmark-alt"
2292                                                                   aria-hidden="true"></i>
2293                                                                <span>About Berlin (Germany)</span>
2294                                                            </a>
2295                                                        </li>
2296                                                    
2297                                                        <li>
2298                                                            <a href="/participation/public-transport"
2299                                                               
2300                                                               class="dgm-mainmenu-mobile__child ">
2301                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-angle-right"
2302                                                                   aria-hidden="true"></i>
2303                                                                <span>Public Transport</span>
2304                                                            </a>
2305                                                        </li>
2306                                                    
2307                                                        <li>
2308                                                            <a href="/participation/travel-information"
2309                                                               
2310                                                               class="dgm-mainmenu-mobile__child ">
2311                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-atlas"
2312                                                                   aria-hidden="true"></i>
2313                                                                <span>Travel Information</span>
2314                                                            </a>
2315                                                        </li>
2316                                                    
2317                                                        <li>
2318                                                            <a href="/participation/country-visa-information"
2319                                                               
2320                                                               class="dgm-mainmenu-mobile__child ">
2321                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-globe-europe"
2322                                                                   aria-hidden="true"></i>
2323                                                                <sp
2323an>Country &amp; Visa Information</span>
2324                                                            </a>
2325                                                        </li>
2326                                                    
2327                                                        <li>
2328                                                            <a href="/participation/db-event-ticket"
2329                                                                target="_blank" rel="noopener"
2330                                                               class="dgm-mainmenu-mobile__child ">
2331                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-train-tram"
2332                                                                   aria-hidden="true"></i>
2333                                                                <span>DB Event Ticket</span>
2334                                                            </a>
2335                                                        </li>
2336                                                    
2337                                                </ul>
2338                                            
2339                                        </div>
2340                                    
2341                                        <div class="dgm-mainmenu-mobile__group"
2342                                             data-mm-id="mm-4"
2343                                             
2344                                             :class="isMobileChildOpen('mm-4') ? 'is-open' : ''">
2345                                            <div class="dgm-mainmenu-mobile__row">
2346                                                <a href="/event-platform"
2347                                                    target="_blank" rel="noopener"
2348                                                   class="dgm-mainmenu-mobile__row-link ">
2349                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-globe"
2350                                                       aria-hidden="true"></i>
2351                                                    <span>Event Platform</span>
2352                                                </a>
2353                                                
2354                                            </div>
2355                                            
2356                                        </div>
2357                                    
2358                                        <div class="dgm-mainmenu-mobile__group"
2359                                             data-mm-id="mm-5"
2360                                             
2361                                             :class="isMobileChildOpen('mm-5') ? 'is-open' : ''">
2362                                            <div class="dgm-mainmenu-mobile__row">
2363                                                <a href="/submission/submit-your-abstract"
2364                                                   
2365                                                   class="dgm-mainmenu-mobile__row-link ">
2366                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-paper-plane"
2367                                                       aria-hidden="true"></i>
2368                                                    <span>Submission</span>
2369                                                </a>
2370                                                
2371                                                    <button type="button"
2372                                                            class="dgm-mainmenu-mobile__row-toggle"
2373                                                            @click="toggleMobileChild('mm-5')"
2374                                                            :aria-expanded="isMobileChildOpen('mm-5') ? 'true' : 'false'"
2375                                                            :aria-label="isMobileChildOpen('mm-5') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
2376                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
2377                                                    </button>
2378                                                
2379                                            </div>
2380                                            
2381                                                <ul class="dgm-mainmenu-mobile__children"
2382                                                    v-show="isMobileChildOpen('mm-5')"
2383                                                    style="display:none;">
2384                                                    
2385                                                    
2386                                                        <li>
2387                                                            <a href="/submission/submit-your-abstract"
2388                                                               
2389                                                               class="dgm-mainmenu-mobile__child ">
2390                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-paper-plane"
2391                                                                   aria-hidden="true"></i>
2392                                                                <sp
2392an>Submit Your Abstract</span>
2393                                                            </a>
2394                                                        </li>
2395                                                    
2396                                                        <li>
2397                                                            <a href="/submission/guidelines-for-the-presentation-of-your-contribution"
2398                                                               
2399                                                               class="dgm-mainmenu-mobile__child ">
2400                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-square-info"
2401                                                                   aria-hidden="true"></i>
2402                                                                <span>Guidelines for the Presentation of Your Contribution</span>
2403                                                            </a>
2404                                                        </li>
2405                                                    
2406                                                        <li>
2407                                                            <a href="/submission/templates"
2408                                                               
2409                                                               class="dgm-mainmenu-mobile__child ">
2410                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-memo"
2411                                                                   aria-hidden="true"></i>
2412                                                                <span>Templates</span>
2413                                                            </a>
2414                                                        </li>
2415                                                    
2416                                                </ul>
2417                                            
2418                                        </div>
2419                                    
2420                                        <div class="dgm-mainmenu-mobile__group"
2421                                             data-mm-id="mm-6"
2422                                             
2423                                             :class="isMobileChildOpen('mm-6') ? 'is-open' : ''">
2424                                            <div class="dgm-mainmenu-mobile__row">
2425                                                <a href="/awards/ewcps-awards"
2426                                                   
2427                                                   class="dgm-mainmenu-mobile__row-link ">
2428                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small"
2429                                                       aria-hidden="true"></i>
2430                                                    <span>Awards</span>
2431                                                </a>
2432                                                
2433                                                    <button type="button"
2434                                                            class="dgm-mainmenu-mobile__row-toggle"
2435                                                            @click="toggleMobileChild('mm-6')"
2436                                                            :aria-expanded="isMobileChildOpen('mm-6') ? 'true' : 'false'"
2437                                                            :aria-label="isMobileChildOpen('mm-6') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
2438                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
2439                                                    </button>
2440                                                
2441                                            </div>
2442                                            
2443                                                <ul class="dgm-mainmenu-mobile__children"
2444                                                    v-show="isMobileChildOpen('mm-6')"
2445                                                    style="display:none;">
2446                                                    
2447                                                    
2448                                                        <li>
2449                                                            <a href="/awards/ewcps-awards"
2450                                                               
2451                                                               class="dgm-mainmenu-mobile__child ">
2452                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-award"
2453                                                                   aria-hidden="true"></i>
2454                                                                <sp
2454an>EWCPS Awards</span>
2455                                                            </a>
2456                                                        </li>
2457                                                    
2458                                                        <li>
2459                                                            <a href="/awards/european-award-for-plasma-spectrochemistry"
2460                                                               
2461                                                               class="dgm-mainmenu-mobile__child ">
2462                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-award"
2463                                                                   aria-hidden="true"></i>
2464                                                                <span>European Award for Plasma Spectrochemistry</span>
2465                                                            </a>
2466                                                        </li>
2467                                                    
2468                                                        <li>
2469                                                            <a href="/awards/european-rising-star-award"
2470                                                               
2471                                                               class="dgm-mainmenu-mobile__child ">
2472                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-award"
2473                                                                   aria-hidden="true"></i>
2474                                                                <span>European Rising Star Award</span>
2475                                                            </a>
2476                                                        </li>
2477                                                    
2478                                                        <li>
2479                                                            <a href="/awards/jaas-emerging-investigator"
2480                                                               
2481                                                               class="dgm-mainmenu-mobile__child ">
2482                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-award"
2483                                                                   aria-hidden="true"></i>
2484                                                                <span>JAAS Emerging Investigator</span>
2485                                                            </a>
2486                                                        </li>
2487                                                    
2488                                                        <li>
2489                                                            <a href="/awards/ewcps-awards/jaas-icp-tof-ms-award"
2490                                                               
2491                                                               class="dgm-mainmenu-mobile__child ">
2492                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-award"
2493                                                                   aria-hidden="true"></i>
2494                                                                <span>JAAS ICP-ToF-MS Award</span>
2495                                                            </a>
2496                                                        </li>
2497                                                    
2498                                                        <li>
2499                                                            <a href="/awards/jaas-emerging-investigator/emerging-leader-in-atomic-spectroscopy-award"
2500                                                               
2501                                                               class="dgm-mainmenu-mobile__child ">
2502                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-award"
2503                                                                   aria-hidden="true"></i>
2504                                                                <sp
2504an>Emerging Leader in Atomic Spectroscopy Award</span>
2505                                                            </a>
2506                                                        </li>
2507                                                    
2508                                                        <li>
2509                                                            <a href="/awards/student-awards"
2510                                                               
2511                                                               class="dgm-mainmenu-mobile__child ">
2512                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-award"
2513                                                                   aria-hidden="true"></i>
2514                                                                <span>Student Awards</span>
2515                                                            </a>
2516                                                        </li>
2517                                                    
2518                                                </ul>
2519                                            
2520                                        </div>
2521                                    
2522                                </nav>
2523                            </div>
2524
2525                            <footer class="dgm-mainmenu-mobile__footer">
2526                                
2527                                
2528
2529                                    
2530                                        
2531                                        
2532                                            <a href="https://dgm.inventum.de/customer/home?_LANG=en"
2533                                               class="dgm-mainmenu-mobile__cta dgm-mainmenu-mobile__cta--primary">
2534                                                <i class="fal fa-sign-in" aria-hidden="true"></i>
2535                                                <span>Login</span>
2536                                            </a>
2537                                        
2538                                    
2539                                
2540
2541                                
2542                                    <a href="https://dgm.de/en"
2543                                       class="dgm-mainmenu-mobile__cta">
2544                                        
2545                                        <span>
2546                                            <span style="display:inline-flex;align-items:baseline;vertical-align:middle;"><span role="img" aria-label="DGM" style="display:inline-block;width:3.13em;height:0.9em;background-color:currentColor;-webkit-mask:url('/fileadmin/DGM/Logo/dgm-white.svg') no-repeat center / contain;mask:url('/fileadmin/DGM/Logo/dgm-white.svg') no-repeat center / contain;"></span><span class="font-normal" style="padding-left:0.2em;font-size:0.85em;line-height:1;">.de</span></span>
2547                                        </span>
2548                                    </a>
2549                                
2550                            </footer>
2551                        </aside>
2552                    </transition>
2553                </div>
2554            </teleport>
2555</div>
2556
2557
2558
2559
2560
2561    <!--
2562      ────────────────────────────────────────────────────────────────────
2563      BREADCRUMB — shadcn-style hover dropdown, wired to the centralized
2564      Vue menu app in main.js (.js-vue-menu-scope).
2565      Trigger API: setButton(id) / unsetButton(id) / setHover(id) /
2566                   unsetHover(id) / isOpen(id) — provided by the Vue app
2567      mounted on .js-vue-menu-scope. Panels use v-show + data-vue-menu-*
2568      attributes so main.js can normalize, position and animate them.
2569      ────────────────────────────────────────────────────────────────────
2570    -->
2571    
2572        
2573            
2574                <nav class="container mx-auto my-10 px-6 md:px-0 js-vue-menu-scope"
2575                     id="breadcrumb__section"
2576                     aria-label="Breadcrumb">
2577                    <ol class="cms__breadcrumbs relative z-30 flex flex-wrap items-center gap-x-1 gap-y-2">
2578                        
2579                            <li class="relative inline-flex items-center"
2580                                data-vue-menu-hover="1"
2581                                data-vue-menu-id="crumb-0"
2582                                @mouseenter="setButton('crumb-0')"
2583                                @mouseleave="unsetButton('crumb-0')">
2584
2585                                
2586                                
2587                                <a href="/"
2588                                   
2589                                   data-vue-menu-trigger="1"
2590                                   @touchend.prevent="isOpen('crumb-0') ? unsetButton('crumb-0') : setButton('crumb-0')"
2591                                   :class="isOpen('crumb-0') ? 'border-primary-200 bg-primary-50 text-primary-700' : 'text-gray-600 hover:text-gray-900'"
2592                                   class="group inline-flex items-center gap-1 rounded-lg border border-transparent px-2 py-0.5 text-xs font-medium transition hover:border-gray-200 hover:bg-white focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 focus-visible:ring-offset-1"
2593                                   aria-haspopup="true"
2594                                   :aria-expanded="isOpen('crumb-0') ? 'true' : 'false'">
2595                                    
2596                                            <i class="fa-solid fa-house text-[11px]" aria-hidden="true"></i>
2597                                            <span class="sr-only">EWCPS 2025</span>
2598                                        
2599                                    
2600                                        <i class="fa-solid fa-chevron-down text-[8px] opacity-70 transition group-hover:opacity-100"
2601                                           :class="isOpen('crumb-0') ? 'rotate-180' : ''"
2602                                           aria-hidden="true"></i>
2603                                    
2604                                </a>
2605
2606                                <!--
2607                                  Dropdown panel — shadcn-style popover surface.
2608                                  `data-vue-menu-portal="1"` tells main.js to
2609                                  position the panel as `position: fixed`
2610                                  against the viewport, so it escapes any
2611                                  parent stacking context. Combined with
2612                                  z-[100], the panel sits on top of headers,
2613                                  sticky bars, parallax sections — anything
2614                                  below z:100.
2615                                -->
2616                                
2617                                    <div data-vue-menu-panel="1"
2618                                         data-vue-menu-portal="1"
2619                                         role="menu"
2620                                         aria-orientation="vertical"
2621                                         class="dgm-breadcrumb-flyout absolute left-0 top-full z-[100] mt-2 w-60 origin-top-left rounded-xl border border-gray-200 bg-white shadow-lg shadow-gray-900/[0.08]"
2622                                         v-show="isOpen('crumb-0')"
2623                                         @mouseenter="setHover('crumb-0')"
2624                                         @mouseleave="unsetHover('crumb-0')"
2625                                         style="display: none;">
2626                                        <!--
2627                                          Inner wrapper — main.js animates the
2628                                          panel's firstElementChild as a single
2629                                          unit. Without this wrapper, only the
2630                                          first <a> would animate; the rest
2631                                          would pop in. With it, every item
2632                                          enters together as the slide
2633                                          animation plays.
2634                                        -->
2635                                        <div class="p-1">
2636                                            
2637                                                <a href="/picture-gallery/day-1-sunday"
2638                                                   
2639                                                   role="menuitem"
2640                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2641                                                    Picture Gallery
2642                                                </a>
2643                                            
2644                                                <a href="/conference/welcome"
2645                                                   
2646                                                   role="menuitem"
2647                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2648                                                    Conference
2649                                                </a>
2650                                            
2651                                                <a href="/program/scientific-program"
2652                                                   
2653                                                   role="menuitem"
2654                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2655                                                    Program
2656                                                </a>
2657                                            
2658                                                <a href="/participation/tickets"
2659                                                   
2660                                                   role="menuitem"
2661                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 bg-primary-50 text-primary-700 font-semibold hover:bg-primary-50 hover:text-primary-700">
2662                                                    Participation
2663                                                </a>
2664                                            
2665                                                <a href="/event-platform"
2666                                                    target="_blank" rel="noopener"
2667                                                   role="menuitem"
2668                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2669                                                    Event Platform
2670                                                </a>
2671                                            
2672                                                <a href="/submission/submit-your-abstract"
2673                                                   
2674                                                   role="menuitem"
2675                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2676                                                    Submission
2677                                                </a>
2678                                            
2679                                                <a href="/awards/ewcps-awards"
2680                                                   
2681                                                   role="menuitem"
2682                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2683                                                    Awards
2684                                                </a>
2685                                            
2686                                        </div>
2687                                    </div>
2688                                
2689                            </li>
2690
2691                            
2692                                <li class="inline-flex items-center text-gray-300" aria-hidden="true">
2693                                    <i class="fa-solid fa-chevron-right text-[9px]"></i>
2694                                </li>
2695                            
2696                        
2697                            <li class="relative inline-flex items-center"
2698                                data-vue-menu-hover="1"
2699                                data-vue-menu-id="crumb-1"
2700                                @mouseenter="setButton('crumb-1')"
2701                                @mouseleave="unsetButton('crumb-1')">
2702
2703                                
2704                                
2705                                <a href="/participation/tickets"
2706                                   
2707                                   data-vue-menu-trigger="1"
2708                                   @touchend.prevent="isOpen('crumb-1') ? unsetButton('crumb-1') : setButton('crumb-1')"
2709                                   :class="isOpen('crumb-1') ? 'border-primary-200 bg-primary-50 text-primary-700' : 'text-gray-600 hover:text-gray-900'"
2710                                   class="group inline-flex items-center gap-1 rounded-lg border border-transparent px-2 py-0.5 text-xs font-medium transition hover:border-gray-200 hover:bg-white focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 focus-visible:ring-offset-1"
2711                                   aria-haspopup="true"
2712                                   :aria-expanded="isOpen('crumb-1') ? 'true' : 'false'">
2713                                    
2714                                            Participation
2715                                        
2716                                    
2717                                        <i class="fa-solid fa-chevron-down text-[8px] opacity-70 transition group-hover:opacity-100"
2718                                           :class="isOpen('crumb-1') ? 'rotate-180' : ''"
2719                                           aria-hidden="true"></i>
2720                                    
2721                                </a>
2722
2723                                <!--
2724                                  Dropdown panel — shadcn-style popover surface.
2725                                  `data-vue-menu-portal="1"` tells main.js to
2726                                  position the panel as `position: fixed`
2727                                  against the viewport, so it escapes any
2728                                  parent stacking context. Combined with
2729                                  z-[100], the panel sits on top of headers,
2730                                  sticky bars, parallax sections — anything
2731                                  below z:100.
2732                                -->
2733                                
2734                                    <div data-vue-menu-panel="1"
2735                                         data-vue-menu-portal="1"
2736                                         role="menu"
2737                                         aria-orientation="vertical"
2738                                         class="dgm-breadcrumb-flyout absolute left-0 top-full z-[100] mt-2 w-60 origin-top-left rounded-xl border border-gray-200 bg-white shadow-lg shadow-gray-900/[0.08]"
2739                                         v-show="isOpen('crumb-1')"
2740                                         @mouseenter="setHover('crumb-1')"
2741                                         @mouseleave="unsetHover('crumb-1')"
2742                                         style="display: none;">
2743                                        <!--
2744                                          Inner wrapper — main.js animates the
2745                                          panel's firstElementChild as a single
2746                                          unit. Without this wrapper, only the
2747                                          first <a> would animate; the rest
2748                                          would pop in. With it, every item
2749                                          enters together as the slide
2750                                          animation plays.
2751                                        -->
2752                                        <div class="p-1">
2753                                            
2754                                                <a href="/participation/tickets"
2755                                                   
2756                                                   role="menuitem"
2757                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2758                                                    Tickets
2759                                                </a>
2760                                            
2761                                                <a href="/participation/hybrid-event-experience"
2762                                                   
2763                                                   role="menuitem"
2764                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2765                                                    Hybrid Event Experience
2766                                                </a>
2767                                            
2768                                                <a href="/participation/conference-venue"
2769                                                   
2770                                                   role="menuitem"
2771                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2772                                                    Conference Venue &amp; Accommodation
2773                                                </a>
2774                                            
2775                                                <a href="/participation/conference-venue/about-berlin-germany"
2776                                                   
2777                                                   role="menuitem"
2778                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 bg-primary-50 text-primary-700 font-semibold hover:bg-primary-50 hover:text-primary-700">
2779                                                    About Berlin (Germany)
2780                                                </a>
2781                                            
2782                                                <a href="/participation/public-transport"
2783                                                   
2784                                                   role="menuitem"
2785                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2786                                                    Public Transport
2787                                                </a>
2788                                            
2789                                                <a href="/participation/travel-information"
2790                                                   
2791                                                   role="menuitem"
2792                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2793                                                    Travel Information
2794                                                </a>
2795                                            
2796                                                <a href="/participation/country-v
2796isa-information"
2797                                                   
2798                                                   role="menuitem"
2799                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2800                                                    Country &amp; Visa Information
2801                                                </a>
2802                                            
2803                                                <a href="/participation/db-event-ticket"
2804                                                    target="_blank" rel="noopener"
2805                                                   role="menuitem"
2806                                                   class="flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs leading-snug transition focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 text-gray-700 hover:bg-primary-50 hover:text-primary-700">
2807                                                    DB Event Ticket
2808                                                </a>
2809                                            
2810                                        </div>
2811                                    </div>
2812                                
2813                            </li>
2814
2815                            
2816                                <li class="inline-flex items-center text-gray-300" aria-hidden="true">
2817                                    <i class="fa-solid fa-chevron-right text-[9px]"></i>
2818                                </li>
2819                            
2820                        
2821                            <li class="relative inline-flex items-center"
2822                                data-vue-menu-hover="1"
2823                                data-vue-menu-id="crumb-2"
2824                                @mouseenter="setButton('crumb-2')"
2825                                @mouseleave="unsetButton('crumb-2')">
2826
2827                                
2828                                
2829                                <a href="/participation/conference-venue/about-berlin-germany"
2830                                   
2831                                   data-vue-menu-trigger="1"
2832                                   @touchend.prevent="isOpen('crumb-2') ? unsetButton('crumb-2') : setButton('crumb-2')"
2833                                   :class="isOpen('crumb-2') ? 'border-primary-200 bg-primary-50 text-primary-700' : 'text-gray-900'"
2834                                   class="group inline-flex items-center gap-1 rounded-lg border border-transparent px-2 py-0.5 text-xs font-semibold transition hover:border-gray-200 hover:bg-white focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30 focus-visible:ring-offset-1"
2835                                   aria-haspopup="false"
2836                                   :aria-expanded="isOpen('crumb-2') ? 'true' : 'false'">
2837                                    
2838                                            About Berlin (Germany)
2839                                        
2840                                    
2841                                </a>
2842
2843                                <!--
2844                                  Dropdown panel — shadcn-style popover surface.
2845                                  `data-vue-menu-portal="1"` tells main.js to
2846                                  position the panel as `position: fixed`
2847                                  against the viewport, so it escapes any
2848                                  parent stacking context. Combined with
2849                                  z-[100], the panel sits on top of headers,
2850                                  sticky bars, parallax sections — anything
2851                                  below z:100.
2852                                -->
2853                                
2854                            </li>
2855
2856                            
2857                        
2858                    </ol>
2859                </nav>
2860            
2861        
2862    
2863
2864<div class="" id="content__section">
2865    <div class=" max-w-none">
2866        
2867
2868
2869    
2870
2871
2872    </div>
2873    <div class="max-w-none mb-8 lg:mx-2 2xl:mx-1" id="crm__widgets">
2874
2875
2876        
2877
2878
2879    
2880    
2881
2882            <div id="c37497" class="frame frame-default frame-type-html frame-layout-0">
2883                
2884                
2885                    
2886
2887
2888
2889                
2890                
2891                
2892
2893    <section class="bg-white relative bg-no-repeat bg-center bg-cover bg-fixed overflow-hidden rounded-md">
2894  <div class="absolute w-full z-0  h-full ">
2895
2896  <video autoplay="" muted="" loop="" style=" position: absolute;
2897                                             z-index: 0;
2898                                             object-fit: cover; 
2899                                             width:100%;
2900                                             height:100%;
2901                                             top: 50%;
2902                                             left: 50%;
2903                                             transform: translate(-50%, -50%);
2904
2905                                             "><source src="/fileadmin/Extern/2025/EWCPS/Video/berlin.mp4" type="video/mp4"></video></div>
2906
2907  <div class="py-40 bg-black bg-opacity-30" style="backdrop-filter: blur(0px);">
2908    <div class="container px-4 mx-auto">
2909      <div class="text-center max-w-6xl mx-auto">
2910        <p class="mb-6 font-sans text-base text-white font-semibold uppercase tracking-px">Berlin</p>
2911        <h2 class="mb-11 text-6xl md:text-8xl xl:text-10xl text-white font-bold text-center tracking-px-n leading-none">The place to be.</h2>
2912
2913      </div>
2914    </div>
2915  </div>
2916</section>
2917
2918
2919                
2920                    
2921
2922
2923
2924                
2925                
2926                    
2927
2928
2929
2930                
2931            </div>
2932
2933        
2934
2935
2936    
2937
2938            <div id="c37498" class="frame frame-default frame-type-html frame-layout-0">
2939                
2940                
2941                    
2942
2943
2944
2945                
2946                
2947                
2948
2949    <div class="font-light text-2xl max-w-6xl tracking-wide mx-auto text-center mb-10">
2950Berlin is the capital and largest city of Germany with 3.7 million inhabitants. Berlin straddles the banks of the Spree, which flows into the Havel (a tributary of the Elbe) in the western borough of Spandau. Is a world city of culture, politics, media and science. Berlin is home to world-renowned universities such as the Humboldt University, the Technical University, the Free University. 
2951
2952Tourism figures have more than doubled within the last ten years. Berlin has become the third-most-visited city destination in Europe. Some of the most visited places in Berlin include: Potsdamer Platz, Brandenburger Tor, Berlin wall, Alexanderplatz, Museumsinsel, Fernsehturm, the East-Side Gallery.
2953
2954</div>
2955
2956
2957                
2958                    
2959
2960
2961
2962                
2963                
2964                    
2965
2966
2967
2968                
2969            </div>
2970
2971        
2972
2973
2974    
2975
2976            <div id="c45459" class="frame frame-default frame-type-html frame-layout-0">
2977                
2978                
2979                    
2980
2981
2982
2983                
2984                
2985                
2986
2987    <section>
2988
2989    <div class=" radius-for-skewed">
2990        <div class="container mx-auto px-4">
2991            <div class="mb-16 text-center">
2992                <span class="text-primary-600 font-bold">So much to discover!</span>
2993                <h2 class="text-4xl lg:text-5xl font-bold font-heading">Explore the city</h2>
2994            </div>
2995            <div class="flex flex-wrap justify-center -mx-3">
2996                <div class="flex flex-wrap w-full lg:w-1/2">
2997                    <div class="w-full px-3 mb-5">
2998                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
2999                            href="https://www.visitberlin.de/de/reichstag-in-berlin">
3000                            <div class="relative h-64 mx-auto rounded">
3001                                <img class="relative h-full w-full rounded object-cover"
3002                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/Berlin-Reichstag.jpg" alt="">
3003                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3004                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3005                                    <span
3006                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3007                                    <span class="text-sm text-white">
3007Historic parliament building with its famous glass dome</span>
3008                                    <p class="text-xl lg:text-2xl text-white font-bold">Reichstag</p>
3009                                </div>
3010                            </div>
3011                        </a>
3012                    </div>
3013                    <div class="w-full lg:w-1/2 px-3 mb-5">
3014                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3015                            href="https://www.visitberlin.de/de/bundeskanzleramt">
3016                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3017                                <img class="relative h-full w-full rounded object-cover"
3018                                    src="/fileadmin/Extern/2025/EWCPS/Bilder/federal-chancellery-gf3d711da7_1920.jpg" alt="">
3019                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3020                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3021                                    <span
3022                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3023                                    <span class="text-sm text-white">The political center of Berlin</span>
3024                                    <p class="text-xl lg:text-2xl text-white font-bold">Government district</p>
3025                                </div>
3026                            </div>
3027                        </a>
3028                    </div>
3029                    <div class="w-full lg:w-1/2 px-3 mb-5">
3030                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3031                            href="https://www.visitberlin.de/de/brandenburger-tor">
3032                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3033                                <img class="relative h-full w-full rounded object-cover"
3034                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-Brandenburger-Tor.jpg" alt="">
3035                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3036                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3037                                    <span
3038                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3039                                    <span class="text-sm text-white">is Berlin's iconic symbol of unity and history</span>
3040                                    <p class="text-xl lg:text-2xl text-white font-bold">Brandenburger Tor</p>
3041                                </div>
3042                            </div>
3043                        </a>
3044                    </div>
3045                </div>
3046                <div class="flex flex-wrap w-full lg:w-1/2">
3047                    <div class="w-full lg:w-1/2 px-3 mb-5">
3048                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3049                            href="https://www.visitberlin.de/de/berlin-fernsehturm">
3050                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3051                                <img class="relative h-full w-full rounded object-cover"
3052                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-tv-tower.jpg" alt="">
3053                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3054                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3055                                    <span
3056                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3057                                    <span class="text-sm text-white" contenteditable="false">The Berlin TV Tower offers stunning city views from its iconic height.</span>
3058                                    <p class="text-xl lg:text-2xl text-white font-bold">TV Tower</p>
3059                                </div>
3060                            </div>
3061                        </a>
3062                    </div>
3063                    <div class="w-full lg:w-1/2 px-3 mb-5">
3064                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3065                            href="https://www.visitberlin.de/de/alexanderplatz">
3066                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3067                                <img class="relative h-full w-full rounded object-cover"
3068                                    src="https://dgm.de/fileadmin/Extern/2
3068025/EWCPS/Bilder/berlin-Alexanderplatz.jpg" alt="">
3069                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3070                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3071                                    <span
3072                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3073                                    <span class="text-sm text-white">is Berlin's bustling hub of history and modernity.</span>
3074                                    <p class="text-xl lg:text-2xl text-white font-bold">Alexanderplatz</p>
3075                                </div>
3076                            </div>
3077                        </a>
3078                    </div>
3079                    <div class="w-full px-3 mb-5">
3080                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3081                            href="https://www.visitberlin.de/de/museumsinsel-in-berlin">
3082                            <div class="relative mx-auto rounded h-64">
3083                                <img class="relative h-full w-full rounded object-cover"
3084                                    src="/fileadmin/Extern/2025/EWCPS/Bilder/television-tower-g440650c9e_1920.jpg" alt="">
3085                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3086                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3087                                    <span
3088                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Museum</span>
3089                                    <span class="text-sm text-white">The UNESCO World Heritage Site in Berlin's historic Mitte</span>
3090                                    <p class="text-xl lg:text-2xl text-white font-bold">Muesumsinsel
3091                                    </p>
3092                                </div>
3093                            </div>
3094                        </a>
3095                    </div>
3096                </div>
3097
3098            </div>
3099        </div>
3100    </div>
3101
3102</section>
3103<section>
3104
3105    <div class=" radius-for-skewed">
3106        <div class="container mx-auto px-4">
3107
3108            <div class="flex flex-wrap justify-center -mx-3">
3109                <div class="flex flex-wrap w-full lg:w-1/2">
3110                    <div class="w-full px-3 mb-5">
3111                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3112                            href="https://www.visitberlin.de/de/potsdamer-platz-berlin">
3113                            <div class="relative h-64 mx-auto rounded">
3114                                <img class="relative h-full w-full rounded-md object-cover"
3115                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/Potsdamer_Platz.jpg"
3116                                    alt="">
3117                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3118                                <div class="absolute inset-0 p-6 flex flex-col items-start" contenteditable="false">
3119                                    <span
3120                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Local
3121                                        Event</span>
3122                                    <span class="text-sm text-white">Typically Berlin - and yet quite different</span>
3123                                    <p class="text-xl lg:text-2xl text-white font-bold" contenteditable="false">Potsdamer Platz</p>
3124                                </div>
3125                            </div>
3126                        </a>
3127                    </div>
3128                    <div class="w-full lg:w-1/2 px-3 mb-5">
3129                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3130                            href="https://www.berlin.de/sehenswuerdigkeiten/3559756-3558930-east-side-gallery.html">
3131                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3132                                <img class="relative h-full w-full rounded object-cover"
3133                                    src="https://dgm.de/fileadmin/Extern/2
3133025/EWCPS/Bilder/East_side_gallery.jpg" alt="">
3134                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3135                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3136                                    <span
3137                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold"
3138                                        contenteditable="false">Sightseeing</span>
3139                                    <span class="text-sm text-white">The longest open-air gallery in the world </span>
3140                                    <p class="text-xl lg:text-2xl text-white font-bold" contenteditable="false">
3141                                        East Side Gallery</p>
3142                                </div>
3143                            </div>
3144                        </a>
3145                    </div>
3146                    <div class="w-full lg:w-1/2 px-3 mb-5">
3147                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3148                            href="https://www.visitberlin.de/de/berliner-currywurst">
3149                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3150                                <img class="relative h-full w-full rounded object-cover"
3151                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/Currywurst.jpg" alt="">
3152                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3153                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3154                                    <span
3155                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold"
3156                                        contenteditable="false">Culture</span>
3157                                    <span class="text-sm text-white">Fast food with flair</span>
3158                                    <p class="text-xl lg:text-2xl text-white font-bold" contenteditable="false">
3159                                        Berlin's Currywurst</p>
3160                                </div>
3161                            </div>
3162                        </a>
3163                    </div>
3164                </div>
3165                <div class="flex flex-wrap w-full lg:w-1/2">
3166                    <div class="w-full lg:w-1/2 px-3 mb-5">
3167                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3168                            href="https://www.berlin.de/sehenswuerdigkeiten/3560249-3558930-holocaust-mahnmal.html">
3169                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3170                                <img class="relative h-full w-full rounded object-cover"
3171                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-Holocaust-Mahnmal.jpg" alt="">
3172                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3173                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3174                                    <span
3175                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3176                                    <span class="text-sm text-white">The Holocaust Memorial in Berlin honors the six million Jewish victims with its solemn field of concrete stelae.</span>
3177                                    <p class="text-xl lg:text-2xl text-white font-bold" contenteditable="true">Holocaust-Mahnmal</p>
3178                                </div>
3179                            </div>
3180                        </a>
3181                    </div>
3182                    <div class="w-full lg:w-1/2 px-3 mb-5">
3183                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3184                            href="https://www.visitberlin.de/de/siegessaeule-berlin">
3185                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3186                                <img class="relative h-full w-full rounded object-cover"
3187                                    src="https://dgm.de/fileadmin/Extern/2
3187025/EWCPS/Bilder/berlin-Siegessaeule.jpg" alt="">
3188                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3189                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3190                                    <span
3191                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3192                                    <span class="text-sm text-white">Berlin's Victory Column marks German unification with its golden statue.</span>
3193                                    <p class="text-xl lg:text-2xl text-white font-bold">Siegessäule</p>
3194                                </div>
3195                            </div>
3196                        </a>
3197                    </div>
3198                    <div class="w-full px-3 mb-5">
3199                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3200                            href="https://www.visitberlin.de/de/berliner-dom">
3201                            <div class="relative mx-auto rounded h-64">
3202                                <img class="relative h-full w-full rounded object-cover"
3203                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-Berliner_Dom.jpg" alt="">
3204                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3205                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3206                                    <span
3207                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold"
3208                                        contenteditable="false">Sightseeing</span>
3209                                    <span class="text-sm text-white">Berlin Cathedral showcases stunning architecture and rich history.</span>
3210                                    <p class="text-xl lg:text-2xl text-white font-bold">Berliner Dom</p>
3211                                </div>
3212                            </div>
3213                        </a>
3214                    </div>
3215                </div>
3216
3217            </div>
3218        </div>
3219    </div>
3220
3221</section>
3222
3223<section>
3224
3225    <div class="pb-20  radius-for-skewed">
3226        <div class="container mx-auto px-4">
3227
3228            <div class="flex flex-wrap justify-center -mx-3">
3229                <div class="flex flex-wrap w-full lg:w-1/2">
3230                    <div class="w-full px-3 mb-5">
3231                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3232                            href="https://www.visitberlin.de/de/humboldt-forum">
3233                            <div class="relative h-64 mx-auto rounded">
3234                                <img class="relative h-full w-full rounded object-cover"
3235                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-humboldt-forum.jpg" alt="">
3236                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3237                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3238                                    <span
3239                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Museum</span>
3240                                    <span class="text-sm text-white">The Humboldt Forum blends culture, history, and science in a modern museum space.</span>
3241                                    <p class="text-xl lg:text-2xl text-white font-bold">Humboldt Forum</p>
3242                                </div>
3243                            </div>
3244                        </a>
3245                    </div>
3246                    <div class="w-full lg:w-1/2 px-3 mb-5">
3247                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3248                            href="https://www.visitberlin.de/de/gendarmenmarkt">
3249                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3250                                <img class="relative h-full w-full rounded object-cover"
3251                                    src="https://dgm.de/fileadmin/Extern/2
3251025/EWCPS/Bilder/berlin-Gendarmenmarkt.jpg" alt="">
3252                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3253                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3254                                    <span
3255                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Culture</span>
3256                                    <span class="text-sm text-white">The Gendarmenmarkt is Berlin's most elegant square, framed by historic landmarks.</span>
3257                                    <p class="text-xl lg:text-2xl text-white font-bold">Gendarmenmarkt</p>
3258                                </div>
3259                            </div>
3260                        </a>
3261                    </div>
3262                    <div class="w-full lg:w-1/2 px-3 mb-5">
3263                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3264                            href="https://www.berlin.de/sehenswuerdigkeiten/3561166-3558930-kurfuerstendamm.html">
3265                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3266                                <img class="relative h-full w-full rounded object-cover"
3267                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-Kurfuerstendamm.jpg"
3268                                    alt="">
3269                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3270                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3271                                    <span
3272                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3273                                    <span class="text-sm text-white">is Berlin's iconic boulevard for shopping and culture.</span>
3274                                    <p class="text-xl lg:text-2xl text-white font-bold">Kurfürstendamm</p>
3275                                </div>
3276                            </div>
3277                        </a>
3278                    </div>
3279                </div>
3280                <div class="flex flex-wrap w-full lg:w-1/2">
3281                    <div class="w-full lg:w-1/2 px-3 mb-5">
3282                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3283                            href="https://www.spsg.de/schloesser-gaerten/objekt/schloss-charlottenburg-altes-schloss">
3284                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3285                                <img class="relative h-full w-full rounded object-cover"
3286                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-schloss-charlottenburg.jpg"
3287                                    alt="">
3288                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3289                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3290                                    <span
3291                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3292                                    <span class="text-sm text-white" contenteditable="false">is Berlin's largest royal residence, rich in baroque splendor.</span>
3293                                    <p class="text-xl lg:text-2xl text-white font-bold">Schloss Charlottenburg</p>
3294                                </div>
3295                            </div>
3296                        </a>
3297                    </div>
3298                    <div class="w-full lg:w-1/2 px-3 mb-5">
3299                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3300                            href="https://www.berlin.de/sehenswuerdigkeiten/3560059-3558930-checkpoint-charlie.html">
3301                            <div class="relative mx-auto rounded h-128" style="height: 32rem;">
3302                                <img class="relative h-full w-full rounded object-cover"
3303                                    src="https://dgm.de/fileadmin/Extern/2
3303025/EWCPS/Bilder/berlin-checkpoint-charlie.jpg" alt="">
3304                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3305                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3306                                    <span
3307                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3308                                    <span class="text-sm text-white">in Berlin is a historic symbol of the Cold War and a must-visit landmark.</span>
3309                                    <p class="text-xl lg:text-2xl text-white font-bold">Checkpoint Charlie</p>
3310                                </div>
3311                            </div>
3312                        </a>
3313                    </div>
3314                    <div class="w-full px-3 mb-5">
3315                        <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3316                            href="https://www.kadewe.de/">
3317                            <div class="relative mx-auto rounded h-64">
3318                                <img class="relative h-full w-full rounded object-cover"
3319                                    src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/berlin-KaDeWe.jpg" alt="">
3320                                <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3321                                <div class="absolute inset-0 p-6 flex flex-col items-start">
3322                                    <span
3323                                        class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3324                                    <span class="text-sm text-white">KaDeWe in Berlin is Europe’s iconic luxury department store.</span>
3325                                    <p class="text-xl lg:text-2xl text-white font-bold">Department Store of the West
3326                                    </p>
3327                                </div>
3328                            </div>
3329                        </a>
3330                    </div>
3331                </div>
3332                <div class="w-full px-3 mb-5">
3333                    <a class="transform transition block duration-250 hover:scale-102" target="_blank"
3334                        href="https://www.berlin.de/tourismus/stadtrundfahrten/">
3335                        <div class="relative h-64 mx-auto rounded">
3336                            <img class="relative h-full w-full rounded object-cover"
3337                                src="https://dgm.de/fileadmin/Extern/2025/EWCPS/Bilder/Berlin-Sightseeing_tours_in_Berlin.jpg" alt="">
3338                            <div class="absolute inset-0 bg-gray-900 opacity-50 rounded"></div>
3339                            <div class="absolute inset-0 p-6 flex flex-col items-start">
3340                                <span
3341                                    class="mb-auto py-1 px-3 text-sm bg-white rounded-md text-primary-600 uppercase font-bold">Sightseeing</span>
3342                                <span class="text-sm text-white">in Berlin offer a journey through history, from iconic landmarks like the Brandenburg Gate to hidden gems in vibrant neighborhoods.</span>
3343                                <p class="text-xl lg:text-2xl text-white font-bold">Sightseeing tours in Berlin</p>
3344                            </div>
3345                        </div>
3346                    </a>
3347                </div>
3348            </div>
3349        </div>
3350    </div>
3351</section>
3352
3353
3354                
3355                    
3356
3357
3358
3359                
3360                
3361                    
3362
3363
3364
3365                
3366            </div>
3367
3368        
3369
3370
3371
3372
3373    </div>
3374    <div class=" max-w-none">
3375        
3376
3377
3378    
3379
3380
3381    </div>
3382
3383
3384
3385</div>
3386
3387<!--
3388  ────────────────────────────────────────────────────────────────────
3389  FOOTER — redesigned to align with the H2 MSE 2027 design language:
3390    · Hairline borders, soft tinted card surfaces, primary accent on hover
3391    · JetBrains-mono-style uppercase eyebrows + tracked captions
3392    · Refined newsletter card with pill eyebrow + clean input/button
3393    · Social row as round chip buttons (consistent sizing)
3394    · Bottom row: utility links on the left, brand strip on the right
3395  All Fluid logic (f:if / f:for / f:cObject / DGM / nav vars)
3396  + form action URLs + hidden honeypot fields preserved verbatim.
3397  Includes 9 social platforms: linkedin, whatsapp, bluesky, facebook,
3398  twitter/X, instagram, podcast, youtube.
3399  ────────────────────────────────────────────────────────────────────
3400-->
3401<footer class="relative mt-16 w-full border-t border-gray-200 bg-gray-50 md:mt-32">
3402
3403    <!-- Optional brand strip: rootTitle · rootSubtitle -->
3404    
3405        <div class="relative bg-primary-600">
3406            <div class="mx-auto max-w-7xl px-4 py-3 sm:px-6 lg:px-8">
3407                <p class="text-center text-sm font-medium text-white">
3408                    <span class="md:hidden">
3409                        <span class="font-semibold tracking-tight">
3410                            EWCPS 2025
3411                        </span>
3412                        <br>
3413                        <span class="text-xs font-light text-white/85">
3414                            02 - 07 March 2025 | Hybrid Conference in Berlin (Germany) & online
3415                        </span>
3416                    </span>
3417                    <span class="hidden md:inline-flex md:items-center md:gap-3">
3418                        <span class="font-semibold tracking-tight">
3419                            EWCPS 2025
3420                        </span>
3421                        <span class="text-white/40" aria-hidden="true">·</span>
3422                        <span class="font-light text-white/90">
3423                            02 - 07 March 2025 | Hybrid Conference in Berlin (Germany) & online
3424                        </span>
3425                    </span>
3426                </p>
3427            </div>
3428        </div>
3429    
3430
3431    <div class="mx-auto max-w-7xl px-6 py-14 lg:py-20">
3432
3433        <!-- ─── Newsletter card (per site + language) ─────────────── -->
3434        
3435
3436            
3437                
3438                    
3439                            
3440                                
3441                                    <div class="lg:flex lg:items-center lg:gap-12">
3442                                        <div class="lg:w-0 lg:flex-1">
3443                                            <h2 class="text-xl font-bold tracking-tight text-gray-900 sm:text-2xl">
3444                                                Sign up for our newsletter
3445                                            </h2>
3446                                            <p class="mt-3 max-w-2xl text-sm leading-relaxed text-gray-600 sm:text-base">
3447                                                Subscribe to our newsletter for regular updates about materials science topics!
3448                                            </p>
3449                                        </div>
3450                                        <div class="mt-6 lg:mt-0 lg:flex-shrink-0">
3451                                            <form class="flex flex-col gap-2 sm:flex-row"
3452                                                  action="https://dgm.inventum.de/mailings/subscribe/a603e4ec-a1b4-49ef-a658-1f39c8dec664?_LANG=en"
3453                                                  method="post">
3454                                                <label for="email-address" class="sr-only">E-mail</label>
3455                                                <input id="email-address" name="email" type="email" autocomplete="email" required
3456                                                       class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-900 placeholder-gray-400 shadow-sm transition focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20 sm:w-72"
3457                                                       placeholder="Your email">
3458                                                <div id="full_name_wrap" style="display: none" aria-hidden="true">
3459                                                    <input id="full_name"
3460                                                           name="full_name"
3461                                                           type="text"
3462                                                           value=""
3463                                                           autocomplete="nope"
3464                                                           tabindex="-1">
3465                                                </div>
3466                                                <button type="submit"
3467                                                        class="inline-flex shrink-0 items-center justify-center rounded-lg bg-primary-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
3468                                                    subscribe
3469                                                </button>
3470                                            </form>
3471                                            <p class="mt-3 max-w-md text-xs leading-relaxed text-gray-500">
3472                                                After subscribing, you will receive an email from us with a confirmation link.
3473                                                Only after clicking this link your registration is completed.
3474                                            </p>
3475                                        </div>
3476                                    </div>
3477                                
3478                            
3479                        
3480                
3481            
3482
3483            
3484
3485        
3486
3487        <!-- ─── Connect with us / Social row ──────────────────────── -->
3488        
3489            <div class="mt-14 text-center">
3490                <p class="font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-gray-500">
3491                    
3492                        
3493                                
3494                                    Connect with us
3495                                
3496                            
3497                    
3498                </p>
3499                <div class="mt-4 flex flex-wrap justify-center gap-2">
3500                    
3501                        <a href="https://www.linkedin.com/company/5151444/" target="_blank" title="LinkedIn"
3502                           class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-500 transition hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700">
3503                            <span class="sr-only">LinkedIn</span>
3504                            <i class="fa-brands fa-linkedin text-base"></i>
3505                        </a>
3506                    
3507                    
3508                        <a href="https://whatsapp.com/channel/0029VaH6bRQ5PO19B0xTkl21" target="_blank" title="WhatsApp"
3509                           class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-500 transition hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700">
3510                            <span class="sr-only">WhatsApp</span>
3511                            <i class="fa-brands fa-whatsapp text-base"></i>
3512                        </a>
3513                    
3514                    
3515                        <a href="https://bsky.app/profile/dgm-ev.bsky.social" target="_blank" title="BlueSky"
3516                           class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-500 transition hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700">
3517                            <span class="sr-only">BlueSky</span>
3518                            <i class="fa-brands fa-bluesky text-base"></i>
3519                        </a>
3520                    
3521                    
3522                        <a href="https://www.facebook.com/DGM.EV" target="_blank" title="Facebook"
3523                           class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-500 transition hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700">
3524                            <span class="sr-only">Facebook</span>
3525                            <i class="fa-brands fa-facebook text-base"></i>
3526                        </a>
3527                    
3528                    
3529                        <a href="https://twitter.com/DGM_eV" target="_blank" title="X"
3530                           class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-500 transition hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700">
3531                            <span class="sr-only">X / Twitter</span>
3532                            <i class="fa-brands fa-x-twitter text-base"></i>
3533                        </a>
3534                    
3535                    
3536                        <a href="https://www.instagram.com/dgm.ev/" target="_blank" title="Instagram"
3537                           class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-500 transition hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700">
3538                            <span class="sr-only">Instagram</span>
3539                            <i class="fa-brands fa-instagram text-base"></i>
3540                        </a>
3541                    
3542                    
3543                        <a href="https://dgm.de/de/podcast" target="_blank" title="Podcast"
3544                           class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-gray-200 bg-white text-gray-500 transition hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700">
3545                            <span class="sr-only">Podcast</span>
3546                            <i class="far fa-podcast text-base"></i>
3547                        </a>
3548                    
3549                    
3550                </div>
3551            </div>
3552        
3553
3554        <!-- ─── Main navigation grid ──────────────────────────────── -->
3555        <nav class="mt-14 border-t border-gray-200 pt-12" aria-label="Footer">
3556            <ul class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7">
3557                
3558                    <li>
3559                        <a href="/picture-gallery/day-1-sunday"
3560                           
3561                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
3562                            Picture Gallery
3563                        </a>
3564                        <ul class="mt-3 space-y-2.5">
3565                            
3566                                <li>
3567                                    <a href="/picture-gallery/day-1-sunday"
3568                                       
3569                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3570                                        Day 1 - Sunday
3571                                    </a>
3572                                </li>
3573                            
3574                                <li>
3575                                    <a href="/picture-gallery/day-2-monday"
3576                                       
3577                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3578                                        Day 2 - Monday
3579                                    </a>
3580                                </li>
3581                            
3582                                <li>
3583                                    <a href="/picture-gallery/day-3-tuesday"
3584                                       
3585                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3586                                        Day 3 - Tuesday
3587                                    </a>
3588                                </li>
3589                            
3590                                <li>
3591                                    <a href="/picture-gallery/day-4-wednesday"
3592                                       
3593                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3594                                        Day 4 - Wednesday
3595                                    </a>
3596                                </li>
3597                            
3598                                <li>
3599                                    <a href="/picture-gallery/day-5-thursday"
3600                                       
3601                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3602                                        Day 5 - Thursday
3603                                    </a>
3604                                </li>
3605                            
3606                                <li>
3607                                    <a href="/picture-gallery/day-6-friday"
3608                                       
3609                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3610                                        Day 6 - Friday
3611                                    </a>
3612                                </li>
3613                            
3614                        </ul>
3615                    </li>
3616                
3617                    <li>
3618                        <a href="/conference/welcome"
3619                           
3620                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
3621                            Conference
3622                        </a>
3623                        <ul class="mt-3 space-y-2.5">
3624                            
3625                                <li>
3626                                    <a href="/conference/welcome"
3627                                       
3628                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3629                                        Welcome
3630                                    </a>
3631                                </li>
3632                            
3633                                <li>
3634                                    <a href="/conference/history"
3635                                       
3636                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3637                                        History
3638                                    </a>
3639                                </li>
3640                            
3641                                <li>
3642                                    <a href="/conference/conference-committee"
3643                                       
3644                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3645                                        Conference Committee
3646                                    </a>
3647                                </li>
3648                            
3649                                <li>
3650                                    <a href="/conference/keydates-deadlines"
3651                                       
3652                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3653                                        Key Dates &amp; Deadlines
3654                                    </a>
3655                                </li>
3656                            
3657                                <li>
3658                                    <a href="/conference/conference-organizer-contact"
3659                                       
3660                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3661                                        Conference Organizer &amp; Contact
3662                                    </a>
3663                                </li>
3664                            
3665                                <li>
3666                                    <a href="/conference/sustainability"
3667                                       
3668                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3669                                        Sustainability at EWCPS
3670                                    </a>
3671                                </li>
3672                            
3673                                <li>
3674                                    <a href="/conference/faq"
3675                                       
3676                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3677                                        FAQ
3678                                    </a>
3679                                </li>
3680                            
3681                        </ul>
3682                    </li>
3683                
3684                    <li>
3685                        <a href="/program/scientific-program"
3686                           
3687                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
3688                            Program
3689                        </a>
3690                        <ul class="mt-3 space-y-2.5">
3691                            
3692                                <li>
3693                                    <a href="/program/scientific-program"
3694                                       
3695                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3696                                        Scientific Program
3697                                    </a>
3698                                </li>
3699                            
3700                                <li>
3701                                    <a href="/program/main-topics"
3702                                       
3703                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3704                                        Main Topics
3705                                    </a>
3706                                </li>
3707                            
3708                                <li>
3709                                    <a href="/program/short-courses"
3710                                       
3711                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3712                                        Short Courses
3713                                    </a>
3714                                </li>
3715                            
3716                                <li>
3717                                    <a href="/program/special-speakers"
3718                                       
3719                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3720                                        Special Speakers
3721                                    </a>
3722                                </li>
3723                            
3724                                <li>
3725                                    <a href="/program/social-events"
3726                                       
3727                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3728                                        Social Events
3729                                    </a>
3730                                </li>
3731                            
3732                                <li>
3733                                    <a href="/program/young-scientists-career-event-at-ewc
3733ps2025"
3734                                       
3735                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3736                                        Young Scientists Career Event at EWCPS2025
3737                                    </a>
3738                                </li>
3739                            
3740                        </ul>
3741                    </li>
3742                
3743                    <li>
3744                        <a href="/participation/tickets"
3745                           
3746                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
3747                            Participation
3748                        </a>
3749                        <ul class="mt-3 space-y-2.5">
3750                            
3751                                <li>
3752                                    <a href="/participation/tickets"
3753                                       
3754                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3755                                        Tickets
3756                                    </a>
3757                                </li>
3758                            
3759                                <li>
3760                                    <a href="/participation/hybrid-event-experience"
3761                                       
3762                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3763                                        Hybrid Event Experience
3764                                    </a>
3765                                </li>
3766                            
3767                                <li>
3768                                    <a href="/participation/conference-venue"
3769                                       
3770                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3771                                        Conference Venue &amp; Accommodation
3772                                    </a>
3773                                </li>
3774                            
3775                                <li>
3776                                    <a href="/participation/conference-venue/about-berlin-germany"
3777                                       
3778                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3779                                        About Berlin (Germany)
3780                                    </a>
3781                                </li>
3782                            
3783                                <li>
3784                                    <a href="/participation/public-transport"
3785                                       
3786                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3787                                        Public Transport
3788                                    </a>
3789                                </li>
3790                            
3791                                <li>
3792                                    <a href="/participation/travel-information"
3793                                       
3794                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3795                                        Travel Information
3796                                    </a>
3797                                </li>
3798                            
3799                                <li>
3800                                    <a href="/participation/country-visa-information"
3801                                       
3802                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3803                                        Country &amp; Visa Information
3804                                    </a>
3805                                </li>
3806                            
3807                                <li>
3808                                    <a href="/participation/db-event-ticket"
3809                                        target="_blank" rel="noopener"
3810                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3811                                        DB Event Ticket
3812                                    </a>
3813                                </li>
3814                            
3815                        </ul>
3816                    </li>
3817                
3818                    <li>
3819                        <a href="/event-platform"
3820                            target="_blank" rel="noopener"
3821                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
3822                            Event Platform
3823                        </a>
3824                        <ul class="mt-3 space-y-2.5">
3825                            
3826                        </ul>
3827                    </li>
3828                
3829                    <li>
3830                        <a href="/submission/submit-your-abstract"
3831                           
3832                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
3833                            Submission
3834                        </a>
3835                        <ul class="mt-3 space-y-2.5">
3836                            
3837                                <li>
3838                                    <a href="/submission/submit-your-abstract"
3839                                       
3840                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3841                                        Submit Your Abstract
3842                                    </a>
3843                                </li>
3844                            
3845                                <li>
3846                                    <a href="/submission/guidelines-for-the-presentation-of-your-contribution"
3847                                       
3848                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3849                                        Guidelines for the Presentation of Your Contribution
3850                                    </a>
3851                                </li>
3852                            
3853                                <li>
3854                                    <a href="/submission/templates"
3855                                       
3856                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3857                                        Templates
3858                                    </a>
3859                                </li>
3860                            
3861                        </ul>
3862                    </li>
3863                
3864                    <li>
3865                        <a href="/awards/ewcps-awards"
3866                           
3867                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
3868                            Awards
3869                        </a>
3870                        <ul class="mt-3 space-y-2.5">
3871                            
3872                                <li>
3873                                    <a href="/awards/ewcps-awards"
3874                                       
3875                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3876                                        EWCPS Awards
3877                                    </a>
3878                                </li>
3879                            
3880                                <li>
3881                                    <a href="/awards/european-award-for-plasma-spectrochemistry"
3882                                       
3883                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3884                                        European Award for Plasma Spectrochemistry
3885                                    </a>
3886                                </li>
3887                            
3888                                <li>
3889                                    <a href="/awards/european-rising-star-award"
3890                                       
3891                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3892                                        European Rising Star Award
3893                                    </a>
3894                                </li>
3895                            
3896                                <li>
3897                                    <a href="/awards/jaas-emerging-investigator"
3898                                       
3899                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3900                                        JAAS Emerging Investigator
3901                                    </a>
3902                                </li>
3903                            
3904                                <li>
3905                                    <a href="/awards/ewcps-awards/jaas-icp-tof-ms-award"
3906                                       
3907                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3908                                        JAAS ICP-ToF-MS Award
3909                                    </a>
3910                                </li>
3911                            
3912                                <li>
3913                                    <a href="/awards/jaas-emerging-investigator/emerging-leader-in-atomic-spectroscopy-award"
3914                                       
3915                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3916                                        Emerging Leader in Atomic Spectroscopy Award
3917                                    </a>
3918                                </li>
3919                            
3920                                <li>
3921                                    <a href="/awards/student-awards"
3922                                       
3923                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
3924                                        Student Awards
3925                                    </a>
3926                                </li>
3927                            
3928                        </ul>
3929                    </li>
3930                
3931            </ul>
3932        </nav>
3933
3934        <!-- ─── Bottom row: footer menu links ─────────────────────── -->
3935        <div class="mt-12 flex flex-col items-center gap-3 border-t border-gray-200 pt-6 text-xs text-gray-500 md:flex-row md:justify-center md:gap-x-8 md:gap-y-2">
3936            
3937                <a href="/fileadmin/DGM/Rechtliches/DGM-AGB-EN.pdf"
3938                   
3939                   class="transition hover:text-primary-700">Terms &amp; Conditions</a>
3940            
3941                <a href="https://dgm.de/en/privacy-policy"
3942                   
3943                   class="transition hover:text-primary-700">Privacy Policy</a>
3944            
3945                <a href="https://dgm.de/en/antitrust-notice"
3946                   
3947                   class="transition hover:text-primary-700">Antitrust Notice</a>
3948            
3949                <a href="https://dgm.de/en/contact"
3950                   
3951                   class="transition hover:text-primary-700">Contact</a>
3952            
3953                <a href="https://dgm.de/en/imprint"
3954                   
3955                   class="transition hover:text-primary-700">Imprint</a>
3956            
3957        </div>
3958
3959    </div>
3960    
3961
3962            
3962<script language="JavaScript">
3963
3964                window.appSettings = {appLanguage: '{languagenavigation.0.twoLetterIsoCode}'}
3965            </script>
3965
3966        
3967    
3968        
3969
3970            
3971                    
3971<script language="JavaScript">
3972
3973                        window.appSettings = {appLanguage: 'en'}
3974                    </script>
3974
3975                
3976        
3977
3978    
3979    
3980    
3981
3982        
3983                <!-- Matomo without cookie-->
3984                
3984<script type="text/javascript">
3985
3986                    var _paq = window._paq = window._paq || [];
3987                    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
3988                    _paq.push(['requireCookieConsent']);
3989                    _paq.push(['trackPageView']);
3990                    _paq.push(['enableLinkTracking']);
3991                    (function () {
3992                        var u = "//analytics.inventum.de/";
3993                        _paq.push(['setTrackerUrl', u + 'matomo.php']);
3994                        _paq.push(['setSiteId', '1']);
3995                        _paq.push(['setCustomDimension', 1, window.location.hostname]);
3996
3997                        var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
3998                        g.type = 'text/javascript';
3999                        g.async = true;
4000                        g.src = u + 'matomo.js';
4001                        s.parentNode.insertBefore(g, s);
4002                    })();
4003                </script>
4003
4004                <noscript><p><img src="//analytics.inventum.de/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt=""/>
4005                </p></noscript>
4006                <!-- End Matomo Code -->
4007                <!-- Matomo Image Tracker-->
4008
4009            
4010
4011
4012    
4013
4014
4015    <!-- End Matomo -->
4016
4017    <!-- 
4017<script language="JavaScript" defer
4018             src="https://cdn.inventum.de/js/public/manifest.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
4018
4019     
4019<script language="JavaScript" defer
4020             src="https://cdn.inventum.de/js/public/vendor.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
4020
4021     
4021<script language="JavaScript" defer
4022             src="https://cdn.inventum.de/js/public/webwidgets_v2.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
4022
4023 -->
4024    
4024<script defer src="https://cdn.inventum.de/direct-assets/webwidgets/loader.js"></script>
4024
4025
4026
4027    
4028
4029
4030    <!-- ─── Floating "scroll to top" button ───────────────────────────────
4031         Appears after scrolling past 1.5× the viewport height, smoothly returns to
4032         top. Self-contained (inline CSS+JS, no CDN/bundle deploy needed). Uses the
4033         template's dynamic --primary colour (white arrow). Entrance/hover use
4034         motion-mcp linear() springs. Two layers: wrapper = entrance/visibility,
4035         inner button = hover/press, so the spring timings never collide.
4036         NB: inline JS avoids object literals ({key: value}) on purpose — Fluid
4037         parses those as inline arrays and mangles them. -->
4038    <style>
4039        .dgm-scroll-top {
4040            position: fixed;
4041            right: clamp(1rem, 2.5vw, 1.75rem);
4042            bottom: clamp(1rem, 2.5vw, 1.75rem);
4043            z-index: 50;
4044            opacity: 0;
4045            visibility: hidden;
4046            transform: translateY(16px) scale(.8);
4047            transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s;
4048            pointer-events: none;
4049        }
4050        .dgm-scroll-top.is-visible {
4051            opacity: 1;
4052            visibility: visible;
4053            transform: translateY(0) scale(1);
4054            /* motion-mcp spring · bounce .3 · 0.45s perceptual */
4055            transition: opacity .3s ease,
4056                        transform .65s linear(0, 0.1181, 0.3726, 0.6479, 0.8754, 1.0278, 1.1059, 1.1263, 1.1104, 1.0779, 1.0433, 1.0149, 0.996, 0.9864, 0.9841, 0.9862, 0.9903, 0.9947, 0.9982, 1.0006, 1.0017, 1),
4057                        visibility 0s;
4058            pointer-events: auto;
4059        }
4060        .dgm-scroll-top__btn {
4061            display: inline-flex;
4062            align-items: center;
4063            justify-content: center;
4064            width: 3rem;
4065            height: 3rem;
4066            padding: 0;
4067            border: 0;
4068            cursor: pointer;
4069            border-radius: 9999px;
4070            color: #fff;
4071            background-color: var(--primary, #00ABE3);
4072            box-shadow: 0 10px 24px -8px rgba(15, 23, 42, .35),
4073                        0 4px 10px -4px rgba(15, 23, 42, .28),
4074                        inset 0 0 0 1px rgba(255, 255, 255, .16);
4075            /* motion-mcp spring · bounce .25 · 0.22s perceptual */
4076            transition: transform .45s linear(0, 0.1587, 0.4417, 0.6916, 0.8624, 0.9593, 1.0043, 1.0188, 1.0188, 1.0137, 1.0082, 1.0041, 1.0015, 1.0002, 1),
4077                        box-shadow .3s ease,
4078                        background-color .3s ease;
4079            -webkit-tap-highlight-color: transparent;
4080        }
4081        .dgm-scroll-top__btn:hover {
4082            transform: translateY(-3px) scale(1.06);
4083            background-color: color-mix(in oklab, var(--primary, #00ABE3) 90%, #000);
4084            box-shadow: 0 18px 36px -10px rgba(15, 23, 42, .42),
4085                        0 6px 14px -6px rgba(15, 23, 42, .3),
4086                        inset 0 0 0 1px rgba(255, 255, 255, .22);
4087        }
4088        .dgm-scroll-top__btn:active {
4089            transform: scale(.93);
4090            transition: transform .12s ease;
4091        }
4092        .dgm-scroll-top__btn:focus-visible {
4093            outline: none;
4094            box-shadow: 0 0 0 3px #fff,
4095                        0 0 0 6px color-mix(in oklab, var(--primary, #00ABE3) 55%, transparent),
4096                        0 14px 28px -10px rgba(15, 23, 42, .42);
4097        }
4098        .dgm-scroll-top__icon {
4099            font-size: 1.05rem;
4100            line-height: 1;
4101            transition: transform .3s linear(0, 0.1587, 0.4417, 0.6916, 0.8624, 0.9593, 1.0043, 1.0188, 1.0188, 1.0137, 1.0082, 1.0041, 1.0015, 1.0002, 1);
4102        }
4103        .dgm-scroll-top__btn:hover .dgm-scroll-top__icon {
4104            transform: translateY(-2px);
4105        }
4106        @media (prefers-reduced-motion: reduce) {
4107            .dgm-scroll-top,
4108            .dgm-scroll-top__btn,
4109            .dgm-scroll-top__icon {
4110                transition-duration: .01ms !important;
4111            }
4112        }
4113    </style>
4114    <div id="dgmScrollTop" class="dgm-scroll-top" aria-hidden="true">
4115        <button type="button" class="dgm-scroll-top__btn" aria-label="Nach oben" title="Nach oben">
4116            <i class="fas fa-arrow-up dgm-scroll-top__icon" aria-hidden="true"></i>
4117        </button>
4118    </div>
4119    
4119<script type="text/javascript">
4120        (function () {
4121            var wrap = document.getElementById('dgmScrollTop');
4122            if (!wrap) { return; }
4123            var btn = wrap.querySelector('.dgm-scroll-top__btn');
4124            var docEl = document.documentElement;
4125            var ticking = false;
4126
4127            // Localise the label (static markup defaults to German for the no-JS case).
4128            if ((docEl.getAttribute('lang') || '').toLowerCase().indexOf('en') === 0) {
4129                btn.setAttribute('aria-label', 'Back to top');
4130                btn.setAttribute('title', 'Back to top');
4131            }
4132
4133            function update() {
4134                var y = window.pageYOffset || docEl.scrollTop;
4135                var show = y >= window.innerHeight * 1.5;
4136                wrap.classList.toggle('is-visible', show);
4137                wrap.setAttribute('aria-hidden', show ? 'false' : 'true');
4138                ticking = false;
4139            }
4140
4141            function onScroll() {
4142                if (!ticking) {
4143                    window.requestAnimationFrame(update);
4144                    ticking = true;
4145                }
4146            }
4147
4148            window.addEventListener('scroll', onScroll);
4149            window.addEventListener('resize', onScroll);
4150            update();
4151
4152            btn.addEventListener('click', function () {
4153                var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
4154                if (reduce || !('scrollBehavior' in docEl.style)) {
4155                    window.scrollTo(0, 0);
4156                    return;
4157                }
4158                var prev = docEl.style.scrollBehavior;
4159                docEl.style.scrollBehavior = 'smooth';
4160                window.scrollTo(0, 0);
4161                window.setTimeout(function () { docEl.style.scrollBehavior = prev; }, 900);
4162            });
4163        })();
4164    </script>
4164
4165
4166</footer>
4167
4168<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/jQuery.js?1762933136"></script>
vendor: 1 bytes, line 4168
4168
4169<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/lightbox.min.js?1718886110"></script>
vendor: 1 bytes, line 4169
4169
4170<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/CrmSession.js?1790149703"></script>
vendor: 1 bytes, line 4170
4170
4171<script src="/_assets/8a9c9ad5ec273e16a34d1ff6a0d6f983/Js/revslider.functions.typo3.js?1764908010"></script>
4171
4172
4173
4174</body>
4175</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.