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 & 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 & 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 & 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 & 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'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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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&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.