PageSourceSearch

https://stmw.de/mitglieder

html stmw.de collected 2026-10-02 20:20:48 UTC 158,257 bytes, 3,061 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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:&nbsp;</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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;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.