1<!DOCTYPE html> 2<html lang="de-DE"> 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>Mitglieder | StMW</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="Mitglieder"> 22<meta property="og:site_name" content="StMW"> 23<meta name="twitter:card" content="summary"> 24<meta name="apple-mobile-web-app-capable" content="no"> 25<meta name="theme-color" content="#d78033"> 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 39 40 41<link rel="apple-touch-icon" sizes="180x180" href="/fileadmin/_processed_/d/1/csm_2017-09-30_StMW_Logo_neue_Farbe_f6630e30bd.png"><link rel="icon" type="image/png" sizes="32x32" href="/fileadmin/_processed_/d/1/csm_2017-09-30_StMW_Logo_neue_Farbe_fcc2830a14.png"><link rel="icon" type="image/png" sizes="16x16" href="/fileadmin/_processed_/d/1/csm_2017-09-30_StMW_Logo_neue_Farbe_b8acd0a757.png"><link rel="shortcut icon" href="/fileadmin/_processed_/d/1/csm_2017-09-30_StMW_Logo_neue_Farbe_fcc2830a14.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/d78033/style.css" rel="stylesheet"><!-- Custom Theme Primary Color -->
43<script>window.primaryColor="#d78033";</script>
43 44<link rel="canonical" href="https://stmw.de/mitglieder"> 45 46</head> 47<body class="bg-slate-50"> 48 49 50 51 52 53 54 55 <div class="relative" style="z-index: -1;"> 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="/stmw"> 231 <img src="/fileadmin/_processed_/d/1/csm_2017-09-30_StMW_Logo_neue_Farbe_e47c32fa22.png" width="1050" 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 <nav class="hidden xl:flex space-x-1 py-1 rounded-md " style="z-index: 9999;"> 249 <!-- THEMEN --> 250 251 252 253 <div @mouseenter="setButton('main-0')" 254 @mouseleave="unsetButton('main-0')" 255 data-vue-menu-hover="1" 256 data-vue-menu-id="main-0" 257 class="relative"> 258 <a href="/stmw" 259 260 type="button" data-vue-menu-trigger="1" x-state:on="Item active" 261 x-state:off="Item inactive" 262 :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-0'), ' text-primary-500': !isOpen('main-0') }" 263 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"> 264 <span> StMW </span> 265 266 <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style=" padding-top: 0.13rem;" 267 :class="{ 'text-primary-500': isOpen('main-0'), ' text-primary-500': !isOpen('main-0') }" 268 269 ></i> 270 271 272 </a> 273 274 275 <teleport to="body" :disabled="true"> 276 <div x-description="" 277 v-show="isOpen('main-0')" 278 @mouseenter="setHover('main-0')" 279 @mouseleave="unsetHover('main-0')" 280 data-vue-menu-panel-owner="main-0" 281 data-vue-menu-portal="0" 282 283 284 x-transition:enter-start="opacity-0" 285 x-transition:enter-end="opacity-100" 286 x-transition:leave-start="opacity-100" 287 x-transition:leave-end="opacity-0" 288 class="absolute mt-3 px-2 w-screen max-w-md sm:px-0 flyout-menu z-50 " 289 style="display: none;"> 290 291 292 <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white"> 293 <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4"> 294 295 <div 296 class="z-50 relative grid gap-2 bg-white sm:gap-1 " 297 style="z-index: 999;"> 298 299 300 <a href="/vorstand" 301 302 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 303 hover:bg-gray-50 transition ease-in-out duration-150 304 leading-snug hover:shadow hover:scale-102 transform 305 "> 306 <div class="pr-1 mt-1"> 307 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 308fa-building 309 "></i> 310 </div> 311 312 313 <div class="space-y-0.5"> 314 <p class="text-base leading-tight font-bold text-gray-900 "> 315 316 317 Vorstand 318 319 </p> 320 321 322 </div> 323 </a> 324 325 326 <a href="/mitglieder" 327 328 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 329 hover:bg-gray-50 transition ease-in-out duration-150 330 leading-snug hover:shadow hover:scale-102 transform 331 bg-gray-50 border 332 border-primary-300"> 333 <div class="pr-1 mt-1"> 334 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 335fa-users 336 "></i> 337 </div> 338 339 340 <div class="space-y-0.5"> 341 <p class="text-base leading-tight font-bold text-gray-900 font-bold text-primary-500"> 342 343 344 Mitglieder 345 346 </p> 347 348 349 </div> 350 </a> 351 352 353 <a href="/stmw/leitbild-ziele" 354 355 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 356 hover:bg-gray-50 transition ease-in-out duration-150 357 leading-snug hover:shadow hover:scale-102 transform 358 "> 359 <div class="pr-1 mt-1"> 360 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 361fa-analytics 362 "></i> 363 </div> 364 365 366 <div class="space-y-0.5"> 367 <p class="text-base leading-tight font-bold text-gray-900 "> 368 369 370 Leitbild & Ziele 371 372 </p> 373 374 375 </div> 376 </a> 377 378 379 <a href="/satzung" 380 381 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 382 hover:bg-gray-50 transition ease-in-out duration-150 383 leading-snug hover:shadow hover:scale-102 transform 384 "> 385 <div class="pr-1 mt-1"> 386 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 387fa-paragraph 388 "></i> 389 </div> 390 391 392 <div class="space-y-0.5"> 393 <p class="text-base leading-tight font-bold text-gray-900 "> 394 395 396 Satzung 397 398 </p> 399 400 401 </div> 402 </a> 403 404 405 <a href="/stmw/kontakt" 406 407 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 408 hover:bg-gray-50 transition ease-in-out duration-150 409 leading-snug hover:shadow hover:scale-102 transform 410 "> 411 <div class="pr-1 mt-1"> 412 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 413fa-mailbox 414 "></i> 415 </div> 416 417 418 <div class="space-y-0.5"> 419 <p class="text-base leading-tight font-bold text-gray-900 "> 420 421 422 Kontakt 423 424 </p> 425 426 427 </div> 428 </a> 429 430 431 <a href="/stmw/stellungnahmen" 432 433 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 434 hover:bg-gray-50 transition ease-in-out duration-150 435 leading-snug hover:shadow hover:scale-102 transform 436 "> 437 <div class="pr-1 mt-1"> 438 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 439fa-microphone-stand 440 "></i> 441 </div> 442 443 444 <div class="space-y-0.5"> 445 <p class="text-base leading-tight font-bold text-gray-900 "> 446 447 448 Stellungnahmen 449 450 </p> 451 452 453 </div> 454 </a> 455 456 457 458 </div> 459 460 </div> 461 </div> 462 </div> 463 </teleport> 464 465 </div> 466 467 468 469 <div @mouseenter="setButton('main-1')" 470 @mouseleave="unsetButton('main-1')" 471 data-vue-menu-hover="1" 472 data-vue-menu-id="main-1" 473 class="relative"> 474 <a href="/studium-hochschulen" 475 476 type="button" data-vue-menu-trigger="1" x-state:on="Item active" 477 x-state:off="Item inactive" 478 :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-1'), 'text-gray-900': !isOpen('main-1') }" 479 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 ">
480 <span> Studium & Hochschulen </span> 481 482 <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style=" padding-top: 0.13rem;" 483 :class="{ 'text-primary-500': isOpen('main-1'), 'text-gray-900': !isOpen('main-1') }" 484 485 ></i> 486 487 488 </a> 489 490 491 <teleport to="body" :disabled="true"> 492 <div x-description="" 493 v-show="isOpen('main-1')" 494 @mouseenter="setHover('main-1')" 495 @mouseleave="unsetHover('main-1')" 496 data-vue-menu-panel-owner="main-1" 497 data-vue-menu-portal="0" 498 499 500 x-transition:enter-start="opacity-0" 501 x-transition:enter-end="opacity-100" 502 x-transition:leave-start="opacity-100" 503 x-transition:leave-end="opacity-0" 504 class="absolute mt-3 px-2 w-screen max-w-md sm:px-0 flyout-menu z-50 " 505 style="display: none;"> 506 507 508 <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white"> 509 <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4"> 510 511 <div 512 class="z-50 relative grid gap-2 bg-white sm:gap-1 " 513 style="z-index: 999;"> 514 515 516 <a href="/vielfalt-des-matwerk-studiums" 517 518 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 519 hover:bg-gray-50 transition ease-in-out duration-150 520 leading-snug hover:shadow hover:scale-102 transform 521 "> 522 <div class="pr-1 mt-1"> 523 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 524fa-graduation-cap 525 "></i> 526 </div> 527 528 529 <div class="space-y-0.5"> 530 <p class="text-base leading-tight font-bold text-gray-900 "> 531 532 533 Vielfalt des MatWerk-Studiums 534 535 </p> 536 537 538 </div> 539 </a> 540 541 542 <a href="/studium-hochschulen/matwerk-faq" 543 544 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 545 hover:bg-gray-50 transition ease-in-out duration-150 546 leading-snug hover:shadow hover:scale-102 transform 547 "> 548 <div class="pr-1 mt-1"> 549 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 550fa-microphone-stand 551 "></i> 552 </div> 553 554 555 <div class="space-y-0.5"> 556 <p class="text-base leading-tight font-bold text-gray-900 "> 557 558 559 MatWerk-FAQ 560 561 </p> 562 563 564 </div> 565 </a> 566 567 568 <a href="/studium-hochschulen/stmw-universitaeten-fachhochschulen" 569 570 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 571 hover:bg-gray-50 transition ease-in-out duration-150 572 leading-snug hover:shadow hover:scale-102 transform 573 "> 574 <div class="pr-1 mt-1"> 575 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 576fal fa-university 577 "></i> 578 </div> 579 580 581 <div class="space-y-0.5"> 582 <p class="text-base leading-tight font-bold text-gray-900 "> 583 584 585 StMW-Universitäten & Fachhochschulen 586 587 </p> 588 589 590 </div> 591 </a> 592 593 594 <a href="/studium-hochschulen/stmw-universitaeten-fachhochschulen/matwerk-ranking" 595 596 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 597 hover:bg-gray-50 transition ease-in-out duration-150 598 leading-snug hover:shadow hover:scale-102 transform 599 "> 600 <div class="pr-1 mt-1"> 601 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 602fa-trophy 603 "></i> 604 </div> 605 606 607 <div class="space-y-0.5"> 608 <p class="text-base leading-tight font-bold text-gray-900 "> 609 610 611 MatWerk-Ranking 612 613 </p> 614 615 616 </div> 617 </a> 618 619 620 <a href="/studium-hochschulen/karriere-jobaussichten" 621 622 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 623 hover:bg-gray-50 transition ease-in-out duration-150 624 leading-snug hover:shadow hover:scale-102 transform 625 "> 626 <div class="pr-1 mt-1"> 627 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 628fa-briefcase 629 "></i> 630 </div> 631 632 633 <div class="space-y-0.5"> 634 <p class="text-base leading-tight font-bold text-gray-900 "> 635 636 637 Karriere & Jobaussichten 638 639 </p> 640 641 642 </div> 643 </a> 644 645 646 <a href="/studium-hochschulen/matwerk-online-sammlung" 647 648 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 649 hover:bg-gray-50 transition ease-in-out duration-150 650 leading-snug hover:shadow hover:scale-102 transform 651 "> 652 <div class="pr-1 mt-1"> 653 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 654fa-books 655 "></i> 656 </div> 657 658 659 <div class="space-y-0.5"> 660 <p class="text-base leading-tight font-bold text-gray-900 "> 661 662 663 MatWerk-Online-Sammlung 664 665 </p> 666 667 668 </div> 669 </a> 670 671 672 673 </div> 674 675 </div> 676 </div> 677 </div> 678 </teleport> 679 680 </div> 681 682 683 684 <div @mouseenter="setButton('main-2')" 685 @mouseleave="unsetButton('main-2')" 686 data-vue-menu-hover="1" 687 data-vue-menu-id="main-2" 688 class="relative"> 689 <a href="/schulen" 690 691 type="button" data-vue-menu-trigger="1" x-state:on="Item active" 692 x-state:off="Item inactive" 693 :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-2'), 'text-gray-900': !isOpen('main-2') }" 694 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 ">
695 <span> Schulen </span> 696 697 <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style=" padding-top: 0.13rem;" 698 :class="{ 'text-primary-500': isOpen('main-2'), 'text-gray-900': !isOpen('main-2') }" 699 700 ></i> 701 702 703 </a> 704 705 706 <teleport to="body" :disabled="true"> 707 <div x-description="" 708 v-show="isOpen('main-2')" 709 @mouseenter="setHover('main-2')" 710 @mouseleave="unsetHover('main-2')" 711 data-vue-menu-panel-owner="main-2" 712 data-vue-menu-portal="0" 713 714 715 x-transition:enter-start="opacity-0" 716 x-transition:enter-end="opacity-100" 717 x-transition:leave-start="opacity-100" 718 x-transition:leave-end="opacity-0" 719 class="absolute mt-3 px-2 w-screen max-w-md sm:px-0 flyout-menu z-50 " 720 style="display: none;"> 721 722 723 <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white"> 724 <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4"> 725 726 <div 727 class="z-50 relative grid gap-2 bg-white sm:gap-1 " 728 style="z-index: 999;"> 729 730 731 <a href="/schulen/informationen-fuer-studieninteressenten" 732 733 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 734 hover:bg-gray-50 transition ease-in-out duration-150 735 leading-snug hover:shadow hover:scale-102 transform 736 "> 737 <div class="pr-1 mt-1"> 738 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 739fa-users-class 740 "></i> 741 </div> 742 743 744 <div class="space-y-0.5"> 745 <p class="text-base leading-tight font-bold text-gray-900 "> 746 747 748 Informationen für Studieninteressenten 749 750 </p> 751 752 753 </div> 754 </a> 755 756 757 <a href="/schulen/bildungseinrichtungen" 758 759 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 760 hover:bg-gray-50 transition ease-in-out duration-150 761 leading-snug hover:shadow hover:scale-102 transform 762 "> 763 <div class="pr-1 mt-1"> 764 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 765fa-books 766 "></i> 767 </div> 768 769 770 <div class="space-y-0.5"> 771 <p class="text-base leading-tight font-bold text-gray-900 "> 772 773 774 Bildungseinrichtungen 775 776 </p> 777 778 779 </div> 780 </a> 781 782 783 784 </div> 785 786 </div> 787 </div> 788 </div> 789 </teleport> 790 791 </div> 792 793 794 795 <div @mouseenter="setButton('main-3')" 796 @mouseleave="unsetButton('main-3')" 797 data-vue-menu-hover="1" 798 data-vue-menu-id="main-3" 799 class="relative"> 800 <a href="/vernetzung" 801 802 type="button" data-vue-menu-trigger="1" x-state:on="Item active" 803 x-state:off="Item inactive" 804 :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-3'), 'text-gray-900': !isOpen('main-3') }" 805 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 ">
806 <span> Vernetzung </span> 807 808 <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style=" padding-top: 0.13rem;" 809 :class="{ 'text-primary-500': isOpen('main-3'), 'text-gray-900': !isOpen('main-3') }" 810 811 ></i> 812 813 814 </a> 815 816 817 <teleport to="body" :disabled="true"> 818 <div x-description="" 819 v-show="isOpen('main-3')" 820 @mouseenter="setHover('main-3')" 821 @mouseleave="unsetHover('main-3')" 822 data-vue-menu-panel-owner="main-3" 823 data-vue-menu-portal="0" 824 825 826 x-transition:enter-start="opacity-0" 827 x-transition:enter-end="opacity-100" 828 x-transition:leave-start="opacity-100" 829 x-transition:leave-end="opacity-0" 830 class="absolute mt-3 px-2 w-screen max-w-md sm:px-0 flyout-menu z-50 " 831 style="display: none;"> 832 833 834 <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white"> 835 <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4"> 836 837 <div 838 class="z-50 relative grid gap-2 bg-white sm:gap-1 " 839 style="z-index: 999;"> 840 841 842 <a href="/presse" 843 844 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 845 hover:bg-gray-50 transition ease-in-out duration-150 846 leading-snug hover:shadow hover:scale-102 transform 847 "> 848 <div class="pr-1 mt-1"> 849 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 850fa-newspaper 851 "></i> 852 </div> 853 854 855 <div class="space-y-0.5"> 856 <p class="text-base leading-tight font-bold text-gray-900 "> 857 858 859 Presse 860 861 </p> 862 863 864 </div> 865 </a> 866 867 868 <a href="/partnerinstitutionen" 869 870 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 871 hover:bg-gray-50 transition ease-in-out duration-150 872 leading-snug hover:shadow hover:scale-102 transform 873 "> 874 <div class="pr-1 mt-1"> 875 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 876fa-chart-network 877 "></i> 878 </div> 879 880 881 <div class="space-y-0.5"> 882 <p class="text-base leading-tight font-bold text-gray-900 "> 883 884 885 Partnerinstitutionen 886 887 </p> 888 889 890 </div> 891 </a> 892 893 894 895 </div> 896 897 </div> 898 </div> 899 </div> 900 </teleport> 901 902 </div> 903 904 905 906 <div @mouseenter="setButton('main-4')" 907 @mouseleave="unsetButton('main-4')" 908 data-vue-menu-hover="1" 909 data-vue-menu-id="main-4" 910 class="relative"> 911 <a href="/fakultaetentag-matwerk" 912 913 type="button" data-vue-menu-trigger="1" x-state:on="Item active" 914 x-state:off="Item inactive" 915 :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-4'), 'text-gray-900': !isOpen('main-4') }" 916 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 ">
917 <span> 918 <i class="fal fa-calendar-week"></i> 919 920 Fakultätentag MatWerk </span> 921 922 <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style=" padding-top: 0.13rem;" 923 :class="{ 'text-primary-500': isOpen('main-4'), 'text-gray-900': !isOpen('main-4') }" 924 925 ></i> 926 927 928 </a> 929 930 931 <teleport to="body" :disabled="true"> 932 <div x-description="" 933 v-show="isOpen('main-4')" 934 @mouseenter="setHover('main-4')" 935 @mouseleave="unsetHover('main-4')" 936 data-vue-menu-panel-owner="main-4" 937 data-vue-menu-portal="0" 938 939 940 x-transition:enter-start="opacity-0" 941 x-transition:enter-end="opacity-100" 942 x-transition:leave-start="opacity-100" 943 x-transition:leave-end="opacity-0" 944 class="absolute mt-3 px-2 w-screen max-w-md sm:px-0 flyout-menu z-50 " 945 style="display: none;"> 946 947 948 <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white"> 949 <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4"> 950 951 <div 952 class="z-50 relative grid gap-2 bg-white sm:gap-1 " 953 style="z-index: 999;"> 954 955 956 <a href="/fakultaetentag-matwerk/leitbild-und-ziele" 957 958 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 959 hover:bg-gray-50 transition ease-in-out duration-150 960 leading-snug hover:shadow hover:scale-102 transform 961 "> 962 <div class="pr-1 mt-1"> 963 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 964fa-analytics 965 "></i> 966 </div> 967 968 969 <div class="space-y-0.5"> 970 <p class="text-base leading-tight font-bold text-gray-900 "> 971 972 973 Leitbild und Ziele 974 975 </p> 976 977 978 </div> 979 </a> 980 981 982 <a href="/fakultaetentag-matwerk/vorstand-fakultaetentag-matwerk" 983 984 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 985 hover:bg-gray-50 transition ease-in-out duration-150 986 leading-snug hover:shadow hover:scale-102 transform 987 "> 988 <div class="pr-1 mt-1"> 989 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 990fa-building 991 "></i> 992 </div> 993 994 995 <div class="space-y-0.5"> 996 <p class="text-base leading-tight font-bold text-gray-900 "> 997 998 999 Vorstand Fakultätentag MatWerk 1000 1001 </p> 1002 1003 1004 </div> 1005 </a> 1006 1007 1008 <a href="/fakultaetentag-matwerk/mitglieder-fakultaetentag-matwerk" 1009 1010 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 1011 hover:bg-gray-50 transition ease-in-out duration-150 1012 leading-snug hover:shadow hover:scale-102 transform 1013 "> 1014 <div class="pr-1 mt-1"> 1015 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 1016fa-users 1017 "></i> 1018 </div> 1019 1020 1021 <div class="space-y-0.5"> 1022 <p class="text-base leading-tight font-bold text-gray-900 "> 1023 1024 1025 Mitglieder Fakultätentag MatWerk 1026 1027 </p> 1028 1029 1030 </div> 1031 </a> 1032 1033 1034 <a href="/fakultaetentag-matwerk/satzung" 1035 1036 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 1037 hover:bg-gray-50 transition ease-in-out duration-150 1038 leading-snug hover:shadow hover:scale-102 transform 1039 "> 1040 <div class="pr-1 mt-1"> 1041 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 1042fa-paragraph 1043 "></i> 1044 </div> 1045 1046 1047 <div class="space-y-0.5"> 1048 <p class="text-base leading-tight font-bold text-gray-900 "> 1049 1050 1051 Satzung 1052 1053 </p> 1054 1055 1056 </div> 1057 </a> 1058 1059 1060 <a href="/fakultaetentag-matwerk/beschluesse" 1061 1062 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 1063 hover:bg-gray-50 transition ease-in-out duration-150 1064 leading-snug hover:shadow hover:scale-102 transform 1065 "> 1066 <div class="pr-1 mt-1"> 1067 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 1068fa-microphone-stand 1069 "></i> 1070 </div> 1071 1072 1073 <div class="space-y-0.5"> 1074 <p class="text-base leading-tight font-bold text-gray-900 "> 1075 1076 1077 Beschlüsse 1078 1079 </p> 1080 1081 1082 </div> 1083 </a> 1084 1085 1086 <a href="/fakultaetentag-matwerk/kontakt" 1087 1088 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 1089 hover:bg-gray-50 transition ease-in-out duration-150 1090 leading-snug hover:shadow hover:scale-102 transform 1091 "> 1092 <div class="pr-1 mt-1"> 1093 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 1094fa-mailbox 1095 "></i> 1096 </div> 1097 1098 1099 <div class="space-y-0.5"> 1100 <p class="text-base leading-tight font-bold text-gray-900 "> 1101 1102 1103 Kontakt 1104 1105 </p> 1106 1107 1108 </div> 1109 </a> 1110 1111 1112 1113 </div> 1114 1115 </div> 1116 </div> 1117 </div> 1118 </teleport> 1119 1120 </div> 1121 1122 1123 1124 <div @mouseenter="setButton('main-5')" 1125 @mouseleave="unsetButton('main-5')" 1126 data-vue-menu-hover="1" 1127 data-vue-menu-id="main-5" 1128 class="relative"> 1129 <a href="/service" 1130 1131 type="button" data-vue-menu-trigger="1" x-state:on="Item active" 1132 x-state:off="Item inactive" 1133 :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-5'), 'text-gray-900': !isOpen('main-5') }" 1134 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 ">
1135 <span> Service </span> 1136 1137 <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style=" padding-top: 0.13rem;" 1138 :class="{ 'text-primary-500': isOpen('main-5'), 'text-gray-900': !isOpen('main-5') }" 1139 1140 ></i> 1141 1142 1143 </a> 1144 1145 1146 <teleport to="body" :disabled="true"> 1147 <div x-description="" 1148 v-show="isOpen('main-5')" 1149 @mouseenter="setHover('main-5')" 1150 @mouseleave="unsetHover('main-5')" 1151 data-vue-menu-panel-owner="main-5" 1152 data-vue-menu-portal="0" 1153 1154 1155 x-transition:enter-start="opacity-0" 1156 x-transition:enter-end="opacity-100" 1157 x-transition:leave-start="opacity-100" 1158 x-transition:leave-end="opacity-0" 1159 class="absolute mt-3 px-2 w-screen max-w-md sm:px-0 flyout-menu z-50 " 1160 style="display: none;"> 1161 1162 1163 <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white"> 1164 <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4"> 1165 1166 <div 1167 class="z-50 relative grid gap-2 bg-white sm:gap-1 " 1168 style="z-index: 999;"> 1169 1170 1171 <a href="/allgemeine-fragen" 1172 1173 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 1174 hover:bg-gray-50 transition ease-in-out duration-150 1175 leading-snug hover:shadow hover:scale-102 transform 1176 "> 1177 <div class="pr-1 mt-1"> 1178 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 1179fa-question-circle 1180 "></i> 1181 </div> 1182 1183 1184 <div class="space-y-0.5"> 1185 <p class="text-base leading-tight font-bold text-gray-900 "> 1186 1187 1188 Allgemeine Fragen 1189 1190 </p> 1191 1192 1193 </div> 1194 </a> 1195 1196 1197 <a href="/service/kontakt" 1198 1199 class=" p-2 px-4 flex items-start space-x-2 rounded-lg 1200 hover:bg-gray-50 transition ease-in-out duration-150 1201 leading-snug hover:shadow hover:scale-102 transform 1202 "> 1203 <div class="pr-1 mt-1"> 1204 <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal 1205fa-address-card 1206 "></i> 1207 </div> 1208 1209 1210 <div class="space-y-0.5"> 1211 <p class="text-base leading-tight font-bold text-gray-900 "> 1212 1213 1214 Kontakt 1215 1216 </p> 1217 1218 1219 </div> 1220 </a> 1221 1222 1223 1224 </div> 1225 1226 </div> 1227 </div> 1228 </div> 1229 </teleport> 1230 1231 </div> 1232 1233 1234 1235 <!-- THEMEN --> 1236 1237 1238 </nav> 1239 <div 1240 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 "> 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 <a href="https://dgm.inventum.de/customer/home?_LANG=de" title="Login" 1254 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">
1255 <span class="hidden 2xl:inline-block"> <i class="fal fa-sign-in"></i></span> 1256 Login 1257 </a> 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 <!-- 1269 1270 --> 1271 </div> 1272 </div> 1273 </div> 1274 1275 <!-- 1276 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1277 MOBILE MENU â teleported to <body> so it escapes the .mainmenu 1278 stacking context. The smart-sticky scroll handler also bails 1279 while the sheet is open (see mountFullscreenHeroMenuPin), and 1280 the watcher on mobileMenuOpen body-scroll-locks the page. 1281 Two CSS transitions wrap backdrop + sheet for an elegant slide. 1282 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1283 --> 1284 <teleport to="body"> 1285 <div class="dgm-mainmenu-mobile xl:hidden" :class="{ 'is-open': mobileMenuOpen }"> 1286 <transition name="dgm-mm-fade"> 1287 <div class="dgm-mainmenu-mobile__backdrop" 1288 v-show="mobileMenuOpen" 1289 @click="mobileMenuOpen = false" 1290 aria-hidden="true" 1291 style="display:none;"></div> 1292 </transition> 1293 <transition name="dgm-mm-slide"> 1294 <aside class="dgm-mainmenu-mobile__sheet" 1295 v-show="mobileMenuOpen" 1296 role="dialog" 1297 aria-modal="true" 1298 aria-label="Menü" 1299 style="display:none;"> 1300 <header class="dgm-mainmenu-mobile__header"> 1301 <a id="logo" href="/stmw"> 1302 <img src="/fileadmin/Extern/StMW/Files/2017-09-30_StMW_Logo_neue_Farbe.png" width="1772" height="591" class="h-8 w-auto" alt="" > 1303 </a> 1304 <button @click="mobileMenuOpen = false" type="button" 1305 class="dgm-mainmenu-mobile__close" 1306 aria-label="Menü schlieÃen"> 1307 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true"> 1308 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1309 d="M6 18L18 6M6 6l12 12"></path> 1310 </svg> 1311 </button> 1312 </header> 1313 1314 <div class="dgm-mainmenu-mobile__scroll"> 1315 1316 1317 <nav class="dgm-mainmenu-mobile__nav" aria-label="Mobile"> 1318 1319 <div class="dgm-mainmenu-mobile__group" 1320 data-mm-id="mm-0" 1321 data-mm-default-open="1" 1322 :class="isMobileChildOpen('mm-0') ? 'is-open' : ''"> 1323 <div class="dgm-mainmenu-mobile__row"> 1324 <a href="/stmw" 1325 1326 class="dgm-mainmenu-mobile__row-link is-current"> 1327 <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small" 1328 aria-hidden="true"></i>
1329 <span>StMW</span> 1330 </a> 1331 1332 <button type="button" 1333 class="dgm-mainmenu-mobile__row-toggle" 1334 @click="toggleMobileChild('mm-0')" 1335 :aria-expanded="isMobileChildOpen('mm-0') ? 'true' : 'false'" 1336 :aria-label="isMobileChildOpen('mm-0') ? 'Unterpunkte schlieÃen' : 'Unterpunkte anzeigen'"> 1337 <i class="fal fa-chevron-down" aria-hidden="true"></i> 1338 </button> 1339 1340 </div> 1341 1342 <ul class="dgm-mainmenu-mobile__children" 1343 v-show="isMobileChildOpen('mm-0')" 1344 style="display:none;"> 1345 1346 <li> 1347 <a href="/vorstand" 1348 1349 class="dgm-mainmenu-mobile__child "> 1350 <i class="dgm-mainmenu-mobile__child-icon fal fa-building" 1351 aria-hidden="true"></i> 1352 <span>Vorstand</span> 1353 </a> 1354 </li> 1355 1356 <li> 1357 <a href="/mitglieder" 1358 1359 class="dgm-mainmenu-mobile__child is-current"> 1360 <i class="dgm-mainmenu-mobile__child-icon fal fa-users" 1361 aria-hidden="true"></i> 1362 <span>Mitglieder</span> 1363 </a> 1364 </li> 1365 1366 <li> 1367 <a href="/stmw/leitbild-ziele" 1368 1369 class="dgm-mainmenu-mobile__child "> 1370 <i class="dgm-mainmenu-mobile__child-icon fal fa-analytics" 1371 aria-hidden="true"></i> 1372 <span>Leitbild & Ziele</span> 1373 </a> 1374 </li> 1375 1376 <li> 1377 <a href="/satzung" 1378 1379 class="dgm-mainmenu-mobile__child "> 1380 <i class="dgm-mainmenu-mobile__child-icon fal fa-paragraph" 1381 aria-hidden="true"></i> 1382 <sp
1382an>Satzung</span> 1383 </a> 1384 </li> 1385 1386 <li> 1387 <a href="/stmw/kontakt" 1388 1389 class="dgm-mainmenu-mobile__child "> 1390 <i class="dgm-mainmenu-mobile__child-icon fal fa-mailbox" 1391 aria-hidden="true"></i> 1392 <span>Kontakt</span> 1393 </a> 1394 </li> 1395 1396 <li> 1397 <a href="/stmw/stellungnahmen" 1398 1399 class="dgm-mainmenu-mobile__child "> 1400 <i class="dgm-mainmenu-mobile__child-icon fal fa-microphone-stand" 1401 aria-hidden="true"></i> 1402 <span>Stellungnahmen</span> 1403 </a> 1404 </li> 1405 1406 </ul> 1407 1408 </div> 1409 1410 <div class="dgm-mainmenu-mobile__group" 1411 data-mm-id="mm-1" 1412 1413 :class="isMobileChildOpen('mm-1') ? 'is-open' : ''"> 1414 <div class="dgm-mainmenu-mobile__row"> 1415 <a href="/studium-hochschulen" 1416 1417 class="dgm-mainmenu-mobile__row-link "> 1418 <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small" 1419 aria-hidden="true"></i> 1420 <span>Studium & Hochschulen</span> 1421 </a> 1422 1423 <button type="button" 1424 class="dgm-mainmenu-mobile__row-toggle" 1425 @click="toggleMobileChild('mm-1')" 1426 :aria-expanded="isMobileChildOpen('mm-1') ? 'true' : 'false'" 1427 :aria-label="isMobileChildOpen('mm-1') ? 'Unterpunkte schlieÃen' : 'Unterpunkte anzeigen'"> 1428 <i class="fal fa-chevron-down" aria-hidden="true"></i> 1429 </button> 1430 1431 </div> 1432 1433 <ul class="dgm-mainmenu-mobile__children" 1434 v-show="isMobileChildOpen('mm-1')" 1435 style="display:none;"> 1436 1437 <li> 1438 <a href="/vielfalt-des-matwerk-studiums" 1439 1440 class="dgm-mainmenu-mobile__child "> 1441 <i class="dgm-mainmenu-mobile__child-icon fal fa-graduation-cap" 1442 aria-hidden="true"></i> 1443 <sp
1443an>Vielfalt des MatWerk-Studiums</span> 1444 </a> 1445 </li> 1446 1447 <li> 1448 <a href="/studium-hochschulen/matwerk-faq" 1449 1450 class="dgm-mainmenu-mobile__child "> 1451 <i class="dgm-mainmenu-mobile__child-icon fal fa-microphone-stand" 1452 aria-hidden="true"></i> 1453 <span>MatWerk-FAQ</span> 1454 </a> 1455 </li> 1456 1457 <li> 1458 <a href="/studium-hochschulen/stmw-universitaeten-fachhochschulen" 1459 1460 class="dgm-mainmenu-mobile__child "> 1461 <i class="dgm-mainmenu-mobile__child-icon fal fal fa-university" 1462 aria-hidden="true"></i> 1463 <span>StMW-Universitäten & Fachhochschulen</span> 1464 </a> 1465 </li> 1466 1467 <li> 1468 <a href="/studium-hochschulen/stmw-universitaeten-fachhochschulen/matwerk-ranking" 1469 1470 class="dgm-mainmenu-mobile__child "> 1471 <i class="dgm-mainmenu-mobile__child-icon fal fa-trophy" 1472 aria-hidden="true"></i> 1473 <span>MatWerk-Ranking</span> 1474 </a> 1475 </li> 1476 1477 <li> 1478 <a href="/studium-hochschulen/karriere-jobaussichten" 1479 1480 class="dgm-mainmenu-mobile__child "> 1481 <i class="dgm-mainmenu-mobile__child-icon fal fa-briefcase" 1482 aria-hidden="true"></i> 1483 <span>Karriere & Jobaussichten</span> 1484 </a> 1485 </li> 1486 1487 <li> 1488 <a href="/studium-hochschulen/matwerk-online-sammlung" 1489 1490 class="dgm-mainmenu-mobile__child "> 1491 <i class="dgm-mainmenu-mobile__child-icon fal fa-books" 1492 aria-hidden="true"></i> 1493 <sp
1493an>MatWerk-Online-Sammlung</span> 1494 </a> 1495 </li> 1496 1497 </ul> 1498 1499 </div> 1500 1501 <div class="dgm-mainmenu-mobile__group" 1502 data-mm-id="mm-2" 1503 1504 :class="isMobileChildOpen('mm-2') ? 'is-open' : ''"> 1505 <div class="dgm-mainmenu-mobile__row"> 1506 <a href="/schulen" 1507 1508 class="dgm-mainmenu-mobile__row-link "> 1509 <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small" 1510 aria-hidden="true"></i> 1511 <span>Schulen</span> 1512 </a> 1513 1514 <button type="button" 1515 class="dgm-mainmenu-mobile__row-toggle" 1516 @click="toggleMobileChild('mm-2')" 1517 :aria-expanded="isMobileChildOpen('mm-2') ? 'true' : 'false'" 1518 :aria-label="isMobileChildOpen('mm-2') ? 'Unterpunkte schlieÃen' : 'Unterpunkte anzeigen'"> 1519 <i class="fal fa-chevron-down" aria-hidden="true"></i> 1520 </button> 1521 1522 </div> 1523 1524 <ul class="dgm-mainmenu-mobile__children" 1525 v-show="isMobileChildOpen('mm-2')" 1526 style="display:none;"> 1527 1528 <li> 1529 <a href="/schulen/informationen-fuer-studieninteressenten" 1530 1531 class="dgm-mainmenu-mobile__child "> 1532 <i class="dgm-mainmenu-mobile__child-icon fal fa-users-class" 1533 aria-hidden="true"></i> 1534 <span>Informationen für Studieninteressenten</span> 1535 </a> 1536 </li> 1537 1538 <li> 1539 <a href="/schulen/bildungseinrichtungen" 1540 1541 class="dgm-mainmenu-mobile__child "> 1542 <i class="dgm-mainmenu-mobile__child-icon fal fa-books" 1543 aria-hidden="true"></i> 1544 <span>Bildungseinrichtungen</span> 1545 </a> 1546 </li> 1547 1548 </ul> 1549 1550 </div> 1551 1552 <div class="dgm-mainmenu-mobile__group" 1553 data-mm-id="mm-3" 1554 1555 :class="isMobileChildOpen('mm-3') ? 'is-open' : ''"> 1556 <div class="dgm-mainmenu-mobile__row"> 1557 <a href="/vernetzung" 1558 1559 class="dgm-mainmenu-mobile__row-link "> 1560 <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small" 1561 aria-hidden="true"></i>
1562 <span>Vernetzung</span> 1563 </a> 1564 1565 <button type="button" 1566 class="dgm-mainmenu-mobile__row-toggle" 1567 @click="toggleMobileChild('mm-3')" 1568 :aria-expanded="isMobileChildOpen('mm-3') ? 'true' : 'false'" 1569 :aria-label="isMobileChildOpen('mm-3') ? 'Unterpunkte schlieÃen' : 'Unterpunkte anzeigen'"> 1570 <i class="fal fa-chevron-down" aria-hidden="true"></i> 1571 </button> 1572 1573 </div> 1574 1575 <ul class="dgm-mainmenu-mobile__children" 1576 v-show="isMobileChildOpen('mm-3')" 1577 style="display:none;"> 1578 1579 <li> 1580 <a href="/presse" 1581 1582 class="dgm-mainmenu-mobile__child "> 1583 <i class="dgm-mainmenu-mobile__child-icon fal fa-newspaper" 1584 aria-hidden="true"></i> 1585 <span>Presse</span> 1586 </a> 1587 </li> 1588 1589 <li> 1590 <a href="/partnerinstitutionen" 1591 1592 class="dgm-mainmenu-mobile__child "> 1593 <i class="dgm-mainmenu-mobile__child-icon fal fa-chart-network" 1594 aria-hidden="true"></i> 1595 <span>Partnerinstitutionen</span> 1596 </a> 1597 </li> 1598 1599 </ul> 1600 1601 </div> 1602 1603 <div class="dgm-mainmenu-mobile__group" 1604 data-mm-id="mm-4" 1605 1606 :class="isMobileChildOpen('mm-4') ? 'is-open' : ''"> 1607 <div class="dgm-mainmenu-mobile__row"> 1608 <a href="/fakultaetentag-matwerk" 1609 1610 class="dgm-mainmenu-mobile__row-link "> 1611 <i class="dgm-mainmenu-mobile__row-icon fal fa-calendar-week" 1612 aria-hidden="true"></i> 1613 <span>Fakultätentag MatWerk</span> 1614 </a> 1615 1616 <button type="button" 1617 class="dgm-mainmenu-mobile__row-toggle" 1618 @click="toggleMobileChild('mm-4')" 1619 :aria-expanded="isMobileChildOpen('mm-4') ? 'true' : 'false'" 1620 :aria-label="isMobileChildOpen('mm-4') ? 'Unterpunkte schlieÃen' : 'Unterpunkte anzeigen'"> 1621 <i class="fal fa-chevron-down" aria-hidden="true"></i> 1622 </button> 1623 1624 </div> 1625 1626 <ul class="dgm-mainmenu-mobile__children" 1627 v-show="isMobileChildOpen('mm-4')" 1628 style="display:none;"> 1629 1630 <li> 1631 <a href="/fakultaetentag-matwerk/leitbild-und-ziele" 1632 1633 class="dgm-mainmenu-mobile__child "> 1634 <i class="dgm-mainmenu-mobile__child-icon fal fa-analytics" 1635 aria-hidden="true"></i> 1636 <sp
1636an>Leitbild und Ziele</span> 1637 </a> 1638 </li> 1639 1640 <li> 1641 <a href="/fakultaetentag-matwerk/vorstand-fakultaetentag-matwerk" 1642 1643 class="dgm-mainmenu-mobile__child "> 1644 <i class="dgm-mainmenu-mobile__child-icon fal fa-building" 1645 aria-hidden="true"></i> 1646 <span>Vorstand Fakultätentag MatWerk</span> 1647 </a> 1648 </li> 1649 1650 <li> 1651 <a href="/fakultaetentag-matwerk/mitglieder-fakultaetentag-matwerk" 1652 1653 class="dgm-mainmenu-mobile__child "> 1654 <i class="dgm-mainmenu-mobile__child-icon fal fa-users" 1655 aria-hidden="true"></i> 1656 <span>Mitglieder Fakultätentag MatWerk</span> 1657 </a> 1658 </li> 1659 1660 <li> 1661 <a href="/fakultaetentag-matwerk/satzung" 1662 1663 class="dgm-mainmenu-mobile__child "> 1664 <i class="dgm-mainmenu-mobile__child-icon fal fa-paragraph" 1665 aria-hidden="true"></i> 1666 <span>Satzung</span> 1667 </a> 1668 </li> 1669 1670 <li> 1671 <a href="/fakultaetentag-matwerk/beschluesse" 1672 1673 class="dgm-mainmenu-mobile__child "> 1674 <i class="dgm-mainmenu-mobile__child-icon fal fa-microphone-stand" 1675 aria-hidden="true"></i> 1676 <span>Beschlüsse</span> 1677 </a> 1678 </li> 1679 1680 <li> 1681 <a href="/fakultaetentag-matwerk/kontakt" 1682 1683 class="dgm-mainmenu-mobile__child "> 1684 <i class="dgm-mainmenu-mobile__child-icon fal fa-mailbox" 1685 aria-hidden="true"></i> 1686 <sp
1686an>Kontakt</span> 1687 </a> 1688 </li> 1689 1690 </ul> 1691 1692 </div> 1693 1694 <div class="dgm-mainmenu-mobile__group" 1695 data-mm-id="mm-5" 1696 1697 :class="isMobileChildOpen('mm-5') ? 'is-open' : ''"> 1698 <div class="dgm-mainmenu-mobile__row"> 1699 <a href="/service" 1700 1701 class="dgm-mainmenu-mobile__row-link "> 1702 <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small" 1703 aria-hidden="true"></i> 1704 <span>Service</span> 1705 </a> 1706 1707 <button type="button" 1708 class="dgm-mainmenu-mobile__row-toggle" 1709 @click="toggleMobileChild('mm-5')" 1710 :aria-expanded="isMobileChildOpen('mm-5') ? 'true' : 'false'" 1711 :aria-label="isMobileChildOpen('mm-5') ? 'Unterpunkte schlieÃen' : 'Unterpunkte anzeigen'"> 1712 <i class="fal fa-chevron-down" aria-hidden="true"></i> 1713 </button> 1714 1715 </div> 1716 1717 <ul class="dgm-mainmenu-mobile__children" 1718 v-show="isMobileChildOpen('mm-5')" 1719 style="display:none;"> 1720 1721 <li> 1722 <a href="/allgemeine-fragen" 1723 1724 class="dgm-mainmenu-mobile__child "> 1725 <i class="dgm-mainmenu-mobile__child-icon fal fa-question-circle" 1726 aria-hidden="true"></i> 1727 <span>Allgemeine Fragen</span> 1728 </a> 1729 </li> 1730 1731 <li> 1732 <a href="/service/kontakt" 1733 1734 class="dgm-mainmenu-mobile__child "> 1735 <i class="dgm-mainmenu-mobile__child-icon fal fa-address-card" 1736 aria-hidden="true"></i> 1737 <span>Kontakt</span> 1738 </a> 1739 </li> 1740 1741 </ul> 1742 1743 </div> 1744 1745 </nav> 1746 </div> 1747 1748 <footer class="dgm-mainmenu-mobile__footer"> 1749 1750 1751 1752 1753 <a href="https://dgm.inventum.de/customer/home?_LANG=de" 1754 class="dgm-mainmenu-mobile__cta dgm-mainmenu-mobile__cta--primary"> 1755 <i class="fal fa-sign-in" aria-hidden="true"></i>
1756 <span>Login</span> 1757 </a> 1758 1759 1760 1761 1762 1763 1764 </footer> 1765 </aside> 1766 </transition> 1767 </div> 1768 </teleport> 1769</div> 1770 1771 1772 1773 1774 1775 <!-- 1776 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1777 BREADCRUMB â shadcn-style hover dropdown, wired to the centralized 1778 Vue menu app in main.js (.js-vue-menu-scope). 1779 Trigger API: setButton(id) / unsetButton(id) / setHover(id) / 1780 unsetHover(id) / isOpen(id) â provided by the Vue app 1781 mounted on .js-vue-menu-scope. Panels use v-show + data-vue-menu-* 1782 attributes so main.js can normalize, position and animate them. 1783 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 1784 --> 1785 1786 1787 1788 <nav class="container mx-auto my-10 px-6 md:px-0 js-vue-menu-scope" 1789 id="breadcrumb__section" 1790 aria-label="Breadcrumb"> 1791 <ol class="cms__breadcrumbs relative z-30 flex flex-wrap items-center gap-x-1 gap-y-2"> 1792 1793 <li class="relative inline-flex items-center" 1794 data-vue-menu-hover="1" 1795 data-vue-menu-id="crumb-0" 1796 @mouseenter="setButton('crumb-0')" 1797 @mouseleave="unsetButton('crumb-0')"> 1798 1799 <a href="/stmw" 1800 1801 data-vue-menu-trigger="1" 1802 @touchend.prevent="isOpen('crumb-0') ? unsetButton('crumb-0') : setButton('crumb-0')" 1803 :class="{ 1804 'border-primary-200 bg-primary-50 text-primary-700': isOpen('crumb-{iterator.index}'), 1805 '{f:if(condition:iterator.isLast, then: \'text-gray-900\', else: \'text-gray-600 hover:text-gray-900\')}': !isOpen('crumb-0') 1806 }" 1807 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" 1808 aria-haspopup="true" 1809 :aria-expanded="isOpen('crumb-0') ? 'true' : 'false'"> 1810 1811 <i class="fa-solid fa-house text-[11px]" aria-hidden="true"></i> 1812 <span class="sr-only">StMW</span> 1813 1814 1815 <i class="fa-solid fa-chevron-down text-[8px] opacity-70 transition group-hover:opacity-100" 1816 :class="{ 'rotate-180': isOpen('crumb-{iterator.index}') }" 1817 aria-hidden="true"></i> 1818 1819 </a> 1820 1821 <!-- 1822 Dropdown panel â shadcn-style popover surface. 1823 `data-vue-menu-portal="1"` tells main.js to 1824 position the panel as `position: fixed` 1825 against the viewport, so it escapes any 1826 parent stacking context. Combined with 1827 z-[100], the panel sits on top of headers, 1828 sticky bars, parallax sections â anything
1829 below z:100. 1830 --> 1831 1832 <div data-vue-menu-panel="1" 1833 data-vue-menu-portal="1" 1834 role="menu" 1835 aria-orientation="vertical" 1836 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]" 1837 v-show="isOpen('crumb-0')" 1838 @mouseenter="setHover('crumb-0')" 1839 @mouseleave="unsetHover('crumb-0')" 1840 style="display: none;"> 1841 <!-- 1842 Inner wrapper â main.js animates the 1843 panel's firstElementChild as a single 1844 unit. Without this wrapper, only the 1845 first <a> would animate; the rest 1846 would pop in. With it, every item 1847 enters together as the slide 1848 animation plays. 1849 --> 1850 <div class="p-1"> 1851 1852 <a href="/stmw" 1853 1854 role="menuitem" 1855 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"> 1856 StMW 1857 </a> 1858 1859 <a href="/studium-hochschulen" 1860 1861 role="menuitem" 1862 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"> 1863 Studium & Hochschulen 1864 </a> 1865 1866 <a href="/schulen" 1867 1868 role="menuitem" 1869 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"> 1870 Schulen 1871 </a> 1872 1873 <a href="/vernetzung" 1874 1875 role="menuitem" 1876 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"> 1877 Vernetzung 1878 </a> 1879 1880 <a href="/fakultaetentag-matwerk" 1881 1882 role="menuitem" 1883 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"> 1884 Fakultätentag MatWerk 1885 </a> 1886 1887 <a href="/service" 1888 1889 role="menuitem" 1890 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"> 1891 Service 1892 </a> 1893 1894 </div> 1895 </div> 1896 1897 </li> 1898 1899 1900 <li class="inline-flex items-center text-gray-300" aria-hidden="true"> 1901 <i class="fa-solid fa-chevron-right text-[9px]"></i> 1902 </li> 1903 1904 1905 <li class="relative inline-flex items-center" 1906 data-vue-menu-hover="1" 1907 data-vue-menu-id="crumb-1" 1908 @mouseenter="setButton('crumb-1')" 1909 @mouseleave="unsetButton('crumb-1')"> 1910 1911 <a href="/stmw" 1912 1913 data-vue-menu-trigger="1" 1914 @touchend.prevent="isOpen('crumb-1') ? unsetButton('crumb-1') : setButton('crumb-1')" 1915 :class="{ 1916 'border-primary-200 bg-primary-50 text-primary-700': isOpen('crumb-{iterator.index}'), 1917 '{f:if(condition:iterator.isLast, then: \'text-gray-900\', else: \'text-gray-600 hover:text-gray-900\')}': !isOpen('crumb-1') 1918 }" 1919 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" 1920 aria-haspopup="true" 1921 :aria-expanded="isOpen('crumb-1') ? 'true' : 'false'"> 1922 1923 StMW 1924 1925 1926 <i class="fa-solid fa-chevron-down text-[8px] opacity-70 transition group-hover:opacity-100" 1927 :class="{ 'rotate-180': isOpen('crumb-{iterator.index}') }" 1928 aria-hidden="true"></i> 1929 1930 </a> 1931 1932 <!-- 1933 Dropdown panel â shadcn-style popover surface. 1934 `data-vue-menu-portal="1"` tells main.js to 1935 position the panel as `position: fixed` 1936 against the viewport, so it escapes any 1937 parent stacking context. Combined with 1938 z-[100], the panel sits on top of headers, 1939 sticky bars, parallax sections â anything
1940 below z:100. 1941 --> 1942 1943 <div data-vue-menu-panel="1" 1944 data-vue-menu-portal="1" 1945 role="menu" 1946 aria-orientation="vertical" 1947 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]" 1948 v-show="isOpen('crumb-1')" 1949 @mouseenter="setHover('crumb-1')" 1950 @mouseleave="unsetHover('crumb-1')" 1951 style="display: none;"> 1952 <!-- 1953 Inner wrapper â main.js animates the 1954 panel's firstElementChild as a single 1955 unit. Without this wrapper, only the 1956 first <a> would animate; the rest 1957 would pop in. With it, every item 1958 enters together as the slide 1959 animation plays. 1960 --> 1961 <div class="p-1"> 1962 1963 <a href="/vorstand" 1964 1965 role="menuitem" 1966 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"> 1967 Vorstand 1968 </a> 1969 1970 <a href="/mitglieder" 1971 1972 role="menuitem" 1973 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"> 1974 Mitglieder 1975 </a> 1976 1977 <a href="/stmw/leitbild-ziele" 1978 1979 role="menuitem" 1980 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"> 1981 Leitbild & Ziele 1982 </a> 1983 1984 <a href="/satzung" 1985 1986 role="menuitem" 1987 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"> 1988 Satzung 1989 </a> 1990 1991 <a href="/stmw/kontakt" 1992 1993 role="menuitem" 1994 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"> 1995 Kontakt 1996 </a> 1997 1998 <a href="/stmw/stellungnahmen" 1999 2000 role="menuitem" 2001 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"> 2002 Stellungnahmen 2003 </a> 2004 2005 </div> 2006 </div> 2007 2008 </li> 2009 2010 2011 <li class="inline-flex items-center text-gray-300" aria-hidden="true"> 2012 <i class="fa-solid fa-chevron-right text-[9px]"></i> 2013 </li> 2014 2015 2016 <li class="relative inline-flex items-center" 2017 data-vue-menu-hover="1" 2018 data-vue-menu-id="crumb-2" 2019 @mouseenter="setButton('crumb-2')" 2020 @mouseleave="unsetButton('crumb-2')"> 2021 2022 <a href="/mitglieder" 2023 2024 data-vue-menu-trigger="1" 2025 @touchend.prevent="isOpen('crumb-2') ? unsetButton('crumb-2') : setButton('crumb-2')" 2026 :class="{ 2027 'border-primary-200 bg-primary-50 text-primary-700': isOpen('crumb-{iterator.index}'), 2028 '{f:if(condition:iterator.isLast, then: \'text-gray-900\', else: \'text-gray-600 hover:text-gray-900\')}': !isOpen('crumb-2') 2029 }" 2030 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" 2031 aria-haspopup="false" 2032 :aria-expanded="isOpen('crumb-2') ? 'true' : 'false'"> 2033 2034 Mitglieder 2035 2036 2037 </a> 2038 2039 <!-- 2040 Dropdown panel â shadcn-style popover surface. 2041 `data-vue-menu-portal="1"` tells main.js to 2042 position the panel as `position: fixed` 2043 against the viewport, so it escapes any 2044 parent stacking context. Combined with 2045 z-[100], the panel sits on top of headers, 2046 sticky bars, parallax sections â anything
2047 below z:100. 2048 --> 2049 2050 </li> 2051 2052 2053 2054 </ol> 2055 </nav> 2056 2057 2058 2059 2060<div class="" id="content__section"> 2061 <div class=" max-w-none"> 2062 2063 2064 2065 2066 2067 2068 </div> 2069 <div class="max-w-none mb-8 lg:mx-2 2xl:mx-1" id="crm__widgets"> 2070 2071 2072 2073 2074 2075 2076 2077<section class="dgm-intro-text pt-1.5 pb-4 sm:pt-2 sm:pb-5 lg:pt-2.5 lg:pb-6" id="c28132"> 2078 <div class="container mx-auto pr-6 lg:pr-8"> 2079 <div class="max-w-none"> 2080 2081 2082 2083 <h2 class="m-0 text-pretty text-3xl font-semibold tracking-tight text-slate-950 sm:text-4xl lg:text-5xl"> 2084 Mitglieder und Ansprechpartner des StMW 2085 </h2> 2086 2087 2088 2089 </div> 2090 </div> 2091</section> 2092 2093 2094 2095 <div id="c54924" class="frame frame-default frame-type-textmedia frame-layout-0"> 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 <header> 2112 2113 2114 2115 2116 2117 2118 2119 <h2 class=""> 2120 StMW-Mitglieder 2121 </h2> 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 </header> 2140 2141 2142 2143 2144 2145 2146 2147 2148 2149 <div class="ce-textpic ce-center ce-above"> 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 <div class="ce-bodytext"> 2160 2161 <p>Die Mitglieder des Vereins sind 41 Hochschulen und Universitäten, die materialwissenschaftlich bzw. werkstofftechnisch orientierte Studiengänge, Studien- oder Vertiefungsrichtungen anbieten.</p> 2162 </div> 2163 2164 2165 2166 </div> 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 </div> 2182 2183 2184 2185 2186 2187 2188 <div id="c54925" class="frame frame-default frame-type-textmedia frame-layout-0"> 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 <header> 2205 2206 2207 2208 2209 2210 2211 2212 <h2 class=""> 2213 Studientag Materialwissenschaft und Werkstofftechnik 2214 </h2> 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 </header> 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 <div class="ce-textpic ce-center ce-above"> 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 <div class="ce-bodytext"> 2253 2254 <p>Das Ziel des Studientags Materialwissenschaft und Werkstofftechnik e.V. besteht darin, den verschiedenen Fachdisziplinen der Materialwissenschaft und Werkstofftechnik in Deutschland in der Ausbildung der Studenten eine Stimme zu geben und die Ausbildungsprofile dieser interdisziplinären Fachrichtung zu entwickeln.</p> 2255<p>Zudem engagiert sich der Studientag Materialwissenschaft und Werkstofftechnik intensiv in der Nachwuchsgewinnung für die Fachdisziplin.</p> 2256<p><strong>Möchten Sie bzw. Ihre Hochschule/Fachhochschule Mitglied der StMW werden? Dann senden Sie folgende Fragebogen ausgefüllt an:</strong><a href="#" data-mailto-token="nbjmup+jogpAtunx/ef" data-mailto-vector="1"><strong> info<i class="fal fa-at mx-0.5"></i>stmw.de</strong></a></p> 2257<p><strong>Download: </strong><a href="/fileadmin/Extern/StMW/Files/Fragebogen_Studientag.doc"><strong>Fragebogen</strong></a></p> 2258<p>Ob Ihre Hochschule Mitglied des Studientags Materialwissenschaft und Werkstofftechnik ist, erfahren Sie hier: </p> 2259 </div> 2260 2261 2262 2263 </div> 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 </div> 2279 2280 2281 2282 2283 2284<div class="grid grid-cols-1 md:grid-cols-2 md:gap-8 w-full my-12 mx-auto container"> 2285 2286 <div class=" px-2 md:px-0"> 2287 2288 2289 2290 2291 2292 2293 2294 2295 <a href="/studium-hochschulen/stmw-universitaeten" class="group block dgm-link-reset no-underline hover:no-underline"> 2296 2297 <article class="max-w-sm mx-auto pb-12 transition duration-200 ease-in-out transform group-hover:scale-102 group-hover:-translate-y-1"> 2298 <div class="relative rounded-md shadow-md overflow-hidden bg-gray-200"> 2299 2300 <div class="relative h-64 w-full"> 2301 <img class="absolute inset-0 block w-full h-full object-cover" src="/fileadmin/_processed_/9/b/csm_StMw-_Mitgliedsuniversitaeten_e30f45079a.jpeg" width="900" height="540" alt="" /> 2302 2303 2304 </div> 2305 2306 </div> 2307 2308 <div class="relative px-4"> 2309 <div class="relative -mt-12 shadow-lg rounded-md overflow-hidden mb-2 border border-gray-200 bg-white opacity-90"> 2310 2311 <h5 class="pt-2 px-3 text-center font-bold uppercase text-gray-800 text-sm lg:text-base tracking-tight leading-tight" style="text-wrap: pretty;"> 2312 StMW-Mitgliedsuniversitäten 2313 </h5> 2314 2315 2316 <div class="flex flex-col items-center justify-center pb-3 px-3 relative text-center" style="text-wrap: pretty;"> 2317 2318 2319 </div> 2320 </div> 2321 </div> 2322 </article> 2323 2324 </a> 2325 2326 2327 2328 2329 </div> 2330 2331 2332 <div class="px-2 md:px-0"> 2333 2334 2335 2336 2337 2338 2339 2340 2341 <a href="/studium-hochschulen/stmw-universitaeten-fachhochschulen/stmw-hochschulen" class="group block dgm-link-reset no-underline hover:no-underline"> 2342 2343 <article class="max-w-sm mx-auto pb-12 transition duration-200 ease-in-out transform group-hover:scale-102 group-hover:-translate-y-1"> 2344 <div class="relative rounded-md shadow-md overflow-hidden bg-gray-200"> 2345 2346 <div class="relative h-64 w-full"> 2347 <img class="absolute inset-0 block w-full h-full object-cover" src="/fileadmin/_processed_/1/a/csm_StMW-_Mitgliedshochschulen_9d8b829c8e.jpeg" width="900" height="540" alt="" /> 2348 2349 2350 </div> 2351 2352 </div> 2353 2354 <div class="relative px-4"> 2355 <div class="relative -mt-12 shadow-lg rounded-md overflow-hidden mb-2 border border-gray-200 bg-white opacity-90"> 2356 2357 <h5 class="pt-2 px-3 text-center font-bold uppercase text-gray-800 text-sm lg:text-base tracking-tight leading-tight" style="text-wrap: pretty;"> 2358 StMW-Mitgliedsfachhochschulen 2359 </h5> 2360 2361 2362 <div class="flex flex-col items-center justify-center pb-3 px-3 relative text-center" style="text-wrap: pretty;"> 2363 2364 2365 </div> 2366 </div> 2367 </div> 2368 </article> 2369 2370 </a> 2371 2372 2373 2374 2375 </div> 2376 2377</div> 2378 2379 2380 2381 <div class="cms__content container mx-auto md:px-0 my-6 md:my-12 px-4 lg:px-0" id="c54921"> 2382 2383 2384 2385 2386 2387 2388 <div id="c54923" class="frame frame-default frame-type-textmedia frame-layout-0"> 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 <header> 2405 2406 2407 2408 2409 2410 2411 2412 <h2 class=""> 2413 Auflistung der Ansprechpartner der StMW-Mitglieder 2414 </h2> 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 </header> 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 <div class="ce-textpic ce-center ce-above"> 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 <div class="ce-bodytext"> 2453 2454 <p>Jedes StMW-Mitglied hat ein oder mehrere Ansprechpartner im Zusammenhang mit der Mitgliedschaft benannt:</p> 2455 </div> 2456 2457 2458 2459 </div> 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 </div> 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 <div id="c54922" class="frame frame-default frame-type-html frame-layout-0"> 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 <custom-plugin-element name="committee-full" domain="stmw.inventum.de" id="3c20f5f4-7207-4d05-bc08-89f41b5a2bc2" hash="63d3d7c1ea4ba63d3d7c1ea4bc"></custom-plugin-element> 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 </div> 2511 2512 2513 2514 2515 2516 2517 </div> 2518 2519 2520 2521 2522 </div> 2523 <div class=" max-w-none"> 2524 2525 2526 2527 2528 2529 2530 </div> 2531 2532 2533 2534</div> 2535 2536<!-- 2537 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 2538 FOOTER â redesigned to align with the H2 MSE 2027 design language: 2539 · Hairline borders, soft tinted card surfaces, primary accent on hover 2540 · JetBrains-mono-style uppercase eyebrows + tracked captions 2541 · Refined newsletter card with pill eyebrow + clean input/button 2542 · Social row as round chip buttons (consistent sizing) 2543 · Bottom row: utility links on the left, brand strip on the right 2544 All Fluid logic (f:if / f:for / f:cObject / DGM / nav vars) 2545 + form action URLs + hidden honeypot fields preserved verbatim. 2546 Includes 9 social platforms: linkedin, whatsapp, bluesky, facebook, 2547 twitter/X, instagram, podcast, youtube. 2548 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 2549--> 2550<footer class="relative mt-16 w-full border-t border-gray-200 bg-gray-50 md:mt-32"> 2551 2552 <!-- Optional brand strip: rootTitle · rootSubtitle --> 2553 2554 2555 <div class="mx-auto max-w-7xl px-6 py-14 lg:py-20"> 2556 2557 <!-- âââ Newsletter card (per site + language) âââââââââââââââ --> 2558 2559 2560 <!-- âââ Connect with us / Social row ââââââââââââââââââââââââ --> 2561 2562 2563 <!-- âââ Main navigation grid ââââââââââââââââââââââââââââââââ --> 2564 <nav class="mt-14 border-t border-gray-200 pt-12" aria-label="Footer"> 2565 <ul class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"> 2566 2567 <li> 2568 <a href="/stmw" 2569 2570 class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700"> 2571 StMW 2572 </a> 2573 <ul class="mt-3 space-y-2.5"> 2574 2575 <li> 2576 <a href="/vorstand" 2577 2578 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2579 Vorstand 2580 </a> 2581 </li> 2582 2583 <li> 2584 <a href="/mitglieder" 2585 2586 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2587 Mitglieder 2588 </a> 2589 </li> 2590 2591 <li> 2592 <a href="/stmw/leitbild-ziele" 2593 2594 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2595 Leitbild & Ziele 2596 </a> 2597 </li> 2598 2599 <li> 2600 <a href="/satzung" 2601 2602 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2603 Satzung 2604 </a> 2605 </li> 2606 2607 <li> 2608 <a href="/stmw/kontakt" 2609 2610 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2611 Kontakt 2612 </a> 2613 </li> 2614 2615 <li> 2616 <a href="/stmw/stellungnahmen" 2617 2618 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2619 Stellungnahmen 2620 </a> 2621 </li> 2622 2623 </ul> 2624 </li> 2625 2626 <li> 2627 <a href="/studium-hochschulen" 2628 2629 class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700"> 2630 Studium & Hochschulen 2631 </a> 2632 <ul class="mt-3 space-y-2.5"> 2633 2634 <li> 2635 <a href="/vielfalt-des-matwerk-studiums" 2636 2637 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2638 Vielfalt des MatWerk-Studiums 2639 </a> 2640 </li> 2641 2642 <li> 2643 <a href="/studium-hochschulen/matwerk-faq" 2644 2645 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2646 MatWerk-FAQ 2647 </a> 2648 </li> 2649 2650 <li> 2651 <a href="/studium-hochschulen/stmw-universitaeten-fachhochschulen" 2652 2653 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2654 StMW-Universitäten & Fachhochschulen 2655 </a> 2656 </li> 2657 2658 <li> 2659 <a href="/studium-hochschulen/stmw-universitaeten-fachhochschulen/matwerk-ranking" 2660 2661 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2662 MatWerk-Ranking 2663 </a> 2664 </li> 2665 2666 <li> 2667 <a href="/studium-hochschulen/karriere-jobaussichten" 2668 2669
2669 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2670 Karriere & Jobaussichten 2671 </a> 2672 </li> 2673 2674 <li> 2675 <a href="/studium-hochschulen/matwerk-online-sammlung" 2676 2677 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2678 MatWerk-Online-Sammlung 2679 </a> 2680 </li> 2681 2682 </ul> 2683 </li> 2684 2685 <li> 2686 <a href="/schulen" 2687 2688 class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700"> 2689 Schulen 2690 </a> 2691 <ul class="mt-3 space-y-2.5"> 2692 2693 <li> 2694 <a href="/schulen/informationen-fuer-studieninteressenten" 2695 2696 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2697 Informationen für Studieninteressenten 2698 </a> 2699 </li> 2700 2701 <li> 2702 <a href="/schulen/bildungseinrichtungen" 2703 2704 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2705 Bildungseinrichtungen 2706 </a> 2707 </li> 2708 2709 </ul> 2710 </li> 2711 2712 <li> 2713 <a href="/vernetzung" 2714 2715 class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700"> 2716 Vernetzung 2717 </a> 2718 <ul class="mt-3 space-y-2.5"> 2719 2720 <li> 2721 <a href="/presse" 2722 2723 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2724 Presse 2725 </a> 2726 </li> 2727 2728 <li> 2729 <a href="/partnerinstitutionen" 2730 2731 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2732 Partnerinstitutionen 2733 </a> 2734 </li> 2735 2736 </ul> 2737 </li> 2738 2739 <li> 2740 <a href="/fakultaetentag-matwerk" 2741 2742 class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700"> 2743 Fakultätentag MatWerk 2744 </a> 2745 <ul class="mt-3 space-y-2.5"> 2746 2747 <li> 2748 <a href="/fakultaetentag-matwerk/leitbild-und-ziele" 2749 2750 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2751 Leitbild und Ziele 2752 </a> 2753 </li> 2754 2755 <li> 2756 <a href="/fakultaetentag-matwerk/vorstand-fakultaetentag-matwerk" 2757 2758 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2759 Vorstand Fakultätentag MatWerk 2760 </a> 2761 </li> 2762 2763 <li> 2764 <a href="/fakultaetentag-matwerk/mitglieder-fakultaetentag-matwerk" 2765 2766 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2767 Mitglieder Fakultätentag MatWerk 2768 </a> 2769 </li> 2770 2771 <li> 2772 <a href="/fakultaetentag-matwerk/satzung" 2773 2774 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2775 Satzung 2776 </a> 2777 </li> 2778 2779 <li> 2780 <a href="/fakultaetentag-matwerk/beschluesse" 2781 2782 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2783 Beschlüsse 2784 </a> 2785 </li> 2786 2787 <li> 2788 <a href="/fakultaetentag-matwerk/kontakt" 2789 2790 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2791 Kontakt 2792 </a> 2793 </li> 2794 2795 </ul> 2796 </li> 2797 2798 <li> 2799 <a href="/service" 2800 2801 class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700"> 2802 Service 2803 </a> 2804 <ul class="mt-3 space-y-2.5"> 2805 2806 <li> 2807 <a href="/allgemeine-fragen" 2808 2809 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2810 Allgemeine Fragen 2811 </a> 2812 </li> 2813 2814 <li> 2815 <a href="/service/kontakt" 2816 2817 class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700"> 2818 Kontakt 2819 </a> 2820 </li> 2821 2822 </ul> 2823 </li> 2824 2825 </ul> 2826 </nav> 2827 2828 <!-- âââ Bottom row: footer menu links âââââââââââââââââââââââ --> 2829 <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"> 2830 2831 <a href="/datenschutzerklaerung" 2832 2833 class="transition hover:text-primary-700">Datenschutzerklärung</a> 2834 2835 <a href="/service/kontakt" 2836 2837 class="transition hover:text-primary-700">Kontakt</a> 2838 2839 <a href="/impressum" 2840 2841 class="transition hover:text-primary-700">Impressum</a> 2842 2843 </div> 2844 2845 </div> 2846 2847 2848
2848<script language="JavaScript"> 2849 2850 window.appSettings = {appLanguage: '{languagenavigation.0.twoLetterIsoCode}'} 2851 </script>
2851 2852 2853 2854 2855 2856 2857
2857<script language="JavaScript"> 2858 2859 window.appSettings = {appLanguage: 'de'} 2860 </script>
2860 2861 2862 2863 2864 2865 2866 2867 2868 2869 <!-- Matomo without cookie--> 2870
2870<script type="text/javascript"> 2871 2872 var _paq = window._paq = window._paq || []; 2873 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 2874 _paq.push(['requireCookieConsent']); 2875 _paq.push(['trackPageView']); 2876 _paq.push(['enableLinkTracking']); 2877 (function () { 2878 var u = "//analytics.inventum.de/"; 2879 _paq.push(['setTrackerUrl', u + 'matomo.php']); 2880 _paq.push(['setSiteId', '1']); 2881 _paq.push(['setCustomDimension', 1, window.location.hostname]); 2882 2883 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 2884 g.type = 'text/javascript'; 2885 g.async = true; 2886 g.src = u + 'matomo.js'; 2887 s.parentNode.insertBefore(g, s); 2888 })(); 2889 </script>
2889 2890 <noscript><p><img src="//analytics.inventum.de/matomo.php?idsite=1&rec=1" style="border:0;" alt=""/> 2891 </p></noscript> 2892 <!-- End Matomo Code --> 2893 <!-- Matomo Image Tracker--> 2894 2895 2896 2897 2898 2899 2900 2901 <!-- End Matomo --> 2902 2903 <!--
2903<script language="JavaScript" defer 2904 src="https://cdn.inventum.de/js/public/manifest.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
2904 2905
2905<script language="JavaScript" defer 2906 src="https://cdn.inventum.de/js/public/vendor.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
2906 2907
2907<script language="JavaScript" defer 2908 src="https://cdn.inventum.de/js/public/webwidgets_v2.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
2908 2909 --> 2910
2910<script defer src="https://cdn.inventum.de/direct-assets/webwidgets/loader.js"></script>
2910 2911 2912 2913 2914 2915 2916 <!-- âââ Floating "scroll to top" button âââââââââââââââââââââââââââââââ 2917 Appears after scrolling past 1.5à the viewport height, smoothly returns to 2918 top. Self-contained (inline CSS+JS, no CDN/bundle deploy needed). Uses the 2919 template's dynamic --primary colour (white arrow). Entrance/hover use 2920 motion-mcp linear() springs. Two layers: wrapper = entrance/visibility, 2921 inner button = hover/press, so the spring timings never collide. 2922 NB: inline JS avoids object literals ({key: value}) on purpose â Fluid 2923 parses those as inline arrays and mangles them. --> 2924 <style> 2925 .dgm-scroll-top { 2926 position: fixed; 2927 right: clamp(1rem, 2.5vw, 1.75rem); 2928 bottom: clamp(1rem, 2.5vw, 1.75rem); 2929 z-index: 50; 2930 opacity: 0; 2931 visibility: hidden; 2932 transform: translateY(16px) scale(.8); 2933 transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s; 2934 pointer-events: none; 2935 } 2936 .dgm-scroll-top.is-visible { 2937 opacity: 1; 2938 visibility: visible; 2939 transform: translateY(0) scale(1); 2940 /* motion-mcp spring · bounce .3 · 0.45s perceptual */ 2941 transition: opacity .3s ease, 2942 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), 2943 visibility 0s; 2944 pointer-events: auto; 2945 } 2946 .dgm-scroll-top__btn { 2947 display: inline-flex; 2948 align-items: center; 2949 justify-content: center; 2950 width: 3rem; 2951 height: 3rem; 2952 padding: 0; 2953 border: 0; 2954 cursor: pointer; 2955 border-radius: 9999px; 2956 color: #fff; 2957 background-color: var(--primary, #00ABE3); 2958 box-shadow: 0 10px 24px -8px rgba(15, 23, 42, .35), 2959 0 4px 10px -4px rgba(15, 23, 42, .28), 2960 inset 0 0 0 1px rgba(255, 255, 255, .16); 2961 /* motion-mcp spring · bounce .25 · 0.22s perceptual */ 2962 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), 2963 box-shadow .3s ease, 2964 background-color .3s ease; 2965 -webkit-tap-highlight-color: transparent; 2966 } 2967 .dgm-scroll-top__btn:hover { 2968 transform: translateY(-3px) scale(1.06); 2969 background-color: color-mix(in oklab, var(--primary, #00ABE3) 90%, #000); 2970 box-shadow: 0 18px 36px -10px rgba(15, 23, 42, .42), 2971 0 6px 14px -6px rgba(15, 23, 42, .3), 2972 inset 0 0 0 1px rgba(255, 255, 255, .22); 2973 } 2974 .dgm-scroll-top__btn:active { 2975 transform: scale(.93); 2976 transition: transform .12s ease; 2977 } 2978 .dgm-scroll-top__btn:focus-visible { 2979 outline: none; 2980 box-shadow: 0 0 0 3px #fff, 2981 0 0 0 6px color-mix(in oklab, var(--primary, #00ABE3) 55%, transparent), 2982 0 14px 28px -10px rgba(15, 23, 42, .42); 2983 } 2984 .dgm-scroll-top__icon { 2985 font-size: 1.05rem; 2986 line-height: 1; 2987 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); 2988 } 2989 .dgm-scroll-top__btn:hover .dgm-scroll-top__icon { 2990 transform: translateY(-2px); 2991 } 2992 @media (prefers-reduced-motion: reduce) { 2993 .dgm-scroll-top, 2994 .dgm-scroll-top__btn, 2995 .dgm-scroll-top__icon { 2996 transition-duration: .01ms !important; 2997 } 2998 } 2999 </style> 3000 <div id="dgmScrollTop" class="dgm-scroll-top" aria-hidden="true"> 3001 <button type="button" class="dgm-scroll-top__btn" aria-label="Nach oben" title="Nach oben"> 3002 <i class="fas fa-arrow-up dgm-scroll-top__icon" aria-hidden="true"></i> 3003 </button> 3004 </div> 3005
3005<script type="text/javascript"> 3006 (function () { 3007 var wrap = document.getElementById('dgmScrollTop'); 3008 if (!wrap) { return; } 3009 var btn = wrap.querySelector('.dgm-scroll-top__btn'); 3010 var docEl = document.documentElement; 3011 var ticking = false; 3012 3013 // Localise the label (static markup defaults to German for the no-JS case). 3014 if ((docEl.getAttribute('lang') || '').toLowerCase().indexOf('en') === 0) { 3015 btn.setAttribute('aria-label', 'Back to top'); 3016 btn.setAttribute('title', 'Back to top'); 3017 } 3018 3019 function update() { 3020 var y = window.pageYOffset || docEl.scrollTop; 3021 var show = y >= window.innerHeight * 1.5; 3022 wrap.classList.toggle('is-visible', show); 3023 wrap.setAttribute('aria-hidden', show ? 'false' : 'true'); 3024 ticking = false; 3025 } 3026 3027 function onScroll() { 3028 if (!ticking) { 3029 window.requestAnimationFrame(update); 3030 ticking = true; 3031 } 3032 } 3033 3034 window.addEventListener('scroll', onScroll); 3035 window.addEventListener('resize', onScroll); 3036 update(); 3037 3038 btn.addEventListener('click', function () { 3039 var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; 3040 if (reduce || !('scrollBehavior' in docEl.style)) { 3041 window.scrollTo(0, 0); 3042 return; 3043 } 3044 var prev = docEl.style.scrollBehavior; 3045 docEl.style.scrollBehavior = 'smooth'; 3046 window.scrollTo(0, 0); 3047 window.setTimeout(function () { docEl.style.scrollBehavior = prev; }, 900); 3048 }); 3049 })(); 3050 </script>
3050 3051 3052</footer> 3053
3054<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/jQuery.js?1762933136"></script>
vendor: 1 bytes, line 3054
3054
3055<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/lightbox.min.js?1718886110"></script>
vendor: 1 bytes, line 3055
3055
3056<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/CrmSession.js?1790149703"></script>
vendor: 1 bytes, line 3056
3056
3057<script async="async" src="/_assets/2a58d7833cb34b2a67d37f5b750aa297/JavaScript/default_frontend.js?1776763631"></script>
3057 3058 3059 3060</body> 3061</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.