PageSourceSearch

https://circularglowup.de/circular-glow-up

html circularglowup.de collected 2026-10-04 13:35:26 UTC 138,841 bytes, 2,782 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>Über CircularGlowUp – CircularGlowUp | CircularGlowUp</title>
17<meta http-equiv="x-ua-compatible" content="IE=edge">
18<meta name="generator" content="TYPO3 CMS">
19<meta name="description" content="Was CircularGlowUp ausmacht: kreislauffähige Wertschöpfung als System aus Technologie, Daten, Geschäftsmodellen, Menschen und Organisationen im Eureka-Rahmen.">
20<meta name="viewport" content="width=device-width, initial-scale=1">
21<meta name="robots" content="index,follow">
22<meta property="og:description" content="Was CircularGlowUp ausmacht: kreislauffähige Wertschöpfung als System aus Technologie, Daten, Geschäftsmodellen, Menschen und Organisationen im Eureka-Rahmen.">
23<meta property="og:title" content="Über CircularGlowUp">
24<meta property="og:site_name" content="CircularGlowUp">
25<meta name="apple-mobile-web-app-capable" content="no">
26<meta name="theme-color" content="#0E9C8C">
27
28
29<link rel="stylesheet" href="/typo3temp/assets/css/7015c8c4ac5ff815b57530b221005fc6.css?1739530354" media="all">
30<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Fonts/fontawesome-pro/css/all.min.css?1734126606" media="all">
31<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/videojs.css?1698166415" media="all">
32<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/lightbox.min.css?1718888415" media="all">
33<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/typo3-form-tailwind4.css?1770637617" media="all">
34<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/tabs.css?1783874359" media="all">
35<link rel="stylesheet" href="/_assets/56730f7c12b109a4b91b7021b42662c9/Css/CrmAccess.css?1790101277" media="all">
36
37
38
39<script src="/_assets/8a9c9ad5ec273e16a34d1ff6a0d6f983/Js/jquery-3.5.1.min.js?1764908010"></script>
39
40
41
42<link rel="apple-touch-icon" sizes="180x180" href="/fileadmin/_processed_/9/1/csm_2026-C4V-CircularGlowUp-Logo-new_a8d6033a4e.png"><link rel="icon" type="image/png" sizes="32x32" href="/fileadmin/_processed_/9/1/csm_2026-C4V-CircularGlowUp-Logo-new_688733029e.png"><link rel="icon" type="image/png" sizes="16x16" href="/fileadmin/_processed_/9/1/csm_2026-C4V-CircularGlowUp-Logo-new_614df45c7e.png"><link rel="shortcut icon" href="/fileadmin/_processed_/9/1/csm_2026-C4V-CircularGlowUp-Logo-new_688733029e.png">         <meta name="msapplication-TileColor" content="#da532c">
43         <meta name="theme-color" content="#ffffff">
44<!-- 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/0E9C8C/style.css" rel="stylesheet"><!-- Custom Theme Primary Color -->
44<script>window.primaryColor="#0E9C8C";</script>
44
45<link rel="canonical" href="https://circularglowup.de/circular-glow-up">
46
47<link rel="alternate" hreflang="de-de" href="//circularglowup.de/circular-glow-up">
48<link rel="alternate" hreflang="en" href="//circularglowup.de/en/circular-glow-up">
49<link rel="alternate" hreflang="x-default" href="//circularglowup.de/circular-glow-up">
50
51</head>
52<body class="bg-slate-50">
53
54
55
56
57
58
59    
60    <div class="relative" style="z-index: -1; overflow-x: clip;">
61        <div class="pointer-events-none absolute inset-0">
62            <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>
63            <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>
64            <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>
65        </div>
66    </div>
67
68
69
70
71    
72
73
74
75
76<style>
77    .unlink {
78        background-image: none !important;
79
80    }
81
82    .terms_html a {
83
84        text-decoration: underline;
85    }
86
87
88    .ce-uploads a {
89
90        display: inline-block;
91        margin-left: 1.5rem;
92    }
93
94
95    .ce-uploads a:before {
96        margin-left: -1.5rem;
97        text-decoration: none;
98        display: inline-block;
99        position: absolute;
100        font-family: Font Awesome\ 6 Pro;
101        font-weight: 300;
102        content: "\f0ed";
103
104
105    }
106
107    .body-fade-out {
108        opacity: 0.5;
109        transition: opacity 0.3s ease-in-out;
110    }
111
112    /* First content element: tighten its top padding so the page doesn't open with
113       a large void below the breadcrumb (like "Space before: small"). Skipped on
114       full-bleed hero pages, where the first element is the edge-to-edge hero. */
115    body:not(.dgm-page-has-fullscreen-hero) #crm__widgets > *:first-child {
116        padding-top: 0.5rem;
117    }
118
119
120    {
121        f: cObject(typoscriptObjectPath:'lib.additionalCss')
122    }
123
124    .dgm-mainlink-anchor {
125        position: relative;
126    }
127
128    /* menu block must paint above later header-wrap siblings (banner, page content
129       incl. hero layers up to z-50); overlay variant keeps its own z-999 rule */
130    .dgm-page-header-wrap .mainmenu:not(.dgm-mainmenu--overlay) {
131        z-index: 100;
132    }
133
134    .dgm-mainlink-tip {
135        position: absolute;
136        top: calc(100% + 7px);
137        right: 0;
138        transform-origin: top right;
139        transform: scale(.96);
140        opacity: 0;
141        pointer-events: none;
142        z-index: 9999999;
143        white-space: nowrap;
144        background: #0f172a;
145        color: #f8fafc;
146        font-size: 12px;
147        font-weight: 500;
148        line-height: 1;
149        padding: 7px 12px;
150        border-radius: 6px;
151        box-shadow: 0 4px 14px rgba(2, 6, 23, .4);
152        transition: opacity .15s ease, transform .15s ease;
153    }
154
155    .dgm-mainlink-anchor:hover .dgm-mainlink-tip,
156    .dgm-mainlink-anchor:focus-visible .dgm-mainlink-tip {
157        opacity: 1;
158        transform: scale(1);
159    }
160
161    .dgm-langmenu {
162        min-width: 10.5rem;
163        background: #fff;
164        border: 1px solid #e2e8f0;
165        border-radius: 8px;
166        box-shadow: 0 4px 16px rgba(2, 6, 23, .10), 0 1px 3px rgba(2, 6, 23, .08);
167        padding: 4px;
168        z-index: 9999999;
169    }
170
171    .dgm-langmenu__item {
172        display: flex;
173        align-items: center;
174        gap: .5rem;
175        padding: .45rem .55rem;
176        border-radius: 6px;
177        font-size: 13px;
178        line-height: 1;
179        color: #0f172a;
180        text-decoration: none;
181        transition: background .12s ease;
182    }
183
184    .dgm-langmenu__item:hover,
185    .dgm-langmenu__item:focus-visible {
186        background: #f1f5f9;
187        outline: none;
188    }
189
190    .dgm-langmenu__item.is-active {
191        font-weight: 600;
192    }
193
194    .dgm-langmenu__check {
195        width: 1rem;
196        display: inline-flex;
197        justify-content: center;
198        color: var(--primary-500, #475569);
199        font-size: 10px;
200    }
201
202    .dgm-langmenu__code {
203        margin-left: auto;
204        padding-left: 1rem;
205        font-size: 10px;
206        font-weight: 600;
207        letter-spacing: .06em;
208        color: #94a3b8;
209        text-transform: uppercase;
210    }
211
212    .dgm-langmenu__chev {
213        font-size: 10px;
214        margin-left: .35rem;
215        transition: transform .15s ease;
216    }
217
218    .dgm-langmenu__chev.is-open {
219        transform: rotate(180deg);
220    }
221</style>
222
223<div class="dgm-page-shell relative">
224
225
226    <div class="dgm-page-header-wrap z-50 relative">
227
228
229        <div class="relative mainmenu js-vue-menu-scope ">
230            <div class="container mx-auto pr-4 sm:pr-6">
231                <div class="flex justify-between items-center py-6 xl:justify-start md:space-x-10">
232                    <div class="px-2 lg:px-0 lg:w-0 lg:flex-1">
233                        <a href="#" class="flex">
234
235                            <a id="logo" href="/home">
236                                <img src="/fileadmin/_processed_/9/1/csm_2026-C4V-CircularGlowUp-Logo-new_f53d808cf3.png" width="1050" height="350"  class="h-8 w-auto sm:h-8 object-contain"  alt="" >
237                            </a>
238
239                        </a>
240                    </div>
241                    <div class="-mr-2 -my-2 xl:hidden">
242                        <button @click="mobileMenuOpen = true" type="button"
243                                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">
244                            <svg class="h-6 w-6" x-description="Heroicon name: menu" xmlns="http://www.w3.org/2000/svg"
245                                 fill="none"
246                                 viewBox="0 0 24 24" stroke="currentColor">
247                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
248                                      d="M4 6h16M4 12h16M4 18h16">
249                                </path>
250                            </svg>
251                        </button>
252                    </div>
253                    
254                    <nav class="hidden xl:flex space-x-1 py-1 rounded-md " style="z-index: 9999;">
255                        <!-- THEMEN -->
256
257
258                        
259                            <div  @mouseenter="setButton('main-0')"
260                                 @mouseleave="unsetButton('main-0')"
261                                 data-vue-menu-hover="1"
262                                 data-vue-menu-id="main-0"
263                                 class="relative">
264                                <a href="/circular-glow-up"
265                                   
266                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
267                                   x-state:off="Item inactive"
268                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-0'), ' text-primary-500': !isOpen('main-0') }"
269                                   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">
270                                    <span> 
271                                                                <i class="fal fa-arrows-spin"></i>
272
273                                                             CircularGlowUp   </span>
274                                    
275                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
276                                               :class="{ 'text-primary-500': isOpen('main-0'), ' text-primary-500': !isOpen('main-0') }"
277
278                                            ></i>
279
280                                        
281                                </a>
282                                
283
284                                    <teleport to="body" :disabled="true">
285                                        <div x-description=""
286                                             v-show="isOpen('main-0')"
287                                             @mouseenter="setHover('main-0')"
288                                             @mouseleave="unsetHover('main-0')"
289                                             data-vue-menu-panel-owner="main-0"
290                                             data-vue-menu-portal="0"
291
292
293                                             x-transition:enter-start="opacity-0"
294                                             x-transition:enter-end="opacity-100"
295                                             x-transition:leave-start="opacity-100"
296                                             x-transition:leave-end="opacity-0"
297                                             class="absolute mt-3 px-2 w-screen  max-w-md  sm:px-0 flyout-menu z-50 "
298                                             style="display: none;">
299
300
301                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
302                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
303                                                
304                                                    <div
305                                                        class=" leading-snug text-base font-light px-1 py-0.5 sm:p-5 sm:px-2">
306                                                        <div
307                                                            class="font-medium text-base pb-2 max-w-2xl ">
308                                                            CircularGlowUp
309                                                        </div>
310                                                        <div
311                                                            class="max-w-3xl leading-snug text-gray-600 text-sm">
312                                                            Ziele, Grundsätze und der internationale Eureka-Rahmen der Fördermaßnahme.
313                                                        </div>
314                                                    </div>
315                                                
316                                                <div
317                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  "
318                                                    style="z-index: 999;">
319
320                                                    
321                                                    
322                                                        <a href="/circular-glow-up/ziele-und-grundsaetze"
323                                                           
324                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
325                                                        hover:bg-gray-50 transition ease-in-out duration-150
326                                                        leading-snug hover:shadow hover:scale-102 transform
327                                                        ">
328                                                        <div class="pr-1 mt-1">
329                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
330fa-list-check
331                                "></i>
332                                                        </div>
333
334
335                                                        <div class="space-y-0.5">
336                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
337
338
339                                                                Ziele und Grundsätze
340
341                                                            </p>
342                                                            
343                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
344                                                                   style="text-wrap: pretty;">
345                                                                    Die fünf Grundsätze der Fördermaßnahme.
346                                                                </p>
347                                                            
348
349                                                        </div>
350                                                        </a>
351
352                                                    
353                                                        <a href="/circular-glow-up/themen-und-perspektiven"
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-layer-group
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                                                                Themen und Perspektiven
371
372                                                            </p>
373                                                            
374                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
375                                                                   style="text-wrap: pretty;">
376                                                                    Drei Perspektiven kreislauffähiger Wertschöpfung.
377                                                                </p>
378                                                            
379
380                                                        </div>
381                                                        </a>
382
383                                                    
384                                                        <a href="/circular-glow-up/eureka"
385                                                           
386                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
387                                                        hover:bg-gray-50 transition ease-in-out duration-150
388                                                        leading-snug hover:shadow hover:scale-102 transform
389                                                        ">
390                                                        <div class="pr-1 mt-1">
391                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
392fa-earth-europe
393                                "></i>
394                                                        </div>
395
396
397                                                        <div class="space-y-0.5">
398                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
399
400
401                                                                Eureka &amp; International
402
403                                                            </p>
404                                                            
405                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
406                                                                   style="text-wrap: pretty;">
407                                                                    Warum Kreisläufe grenzüberschreitend gedacht werden.
408                                                                </p>
409                                                            
410
411                                                        </div>
412                                                        </a>
413
414                                                    
415                                                        <a href="https://www.zukunft-der-wertschoepfung.de/bk-circularglowup/"
416                                                            target="_blank" rel="noopener"
417                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
418                                                        hover:bg-gray-50 transition ease-in-out duration-150
419                                                        leading-snug hover:shadow hover:scale-102 transform
420                                                        ">
421                                                        <div class="pr-1 mt-1">
422                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
423fa-file-lines
424                                "></i>
425                                                        </div>
426
427
428                                                        <div class="space-y-0.5">
429                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
430
431
432                                                                Förderbekanntmachung
433
434                                                            </p>
435                                                            
436                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
437                                                                   style="text-wrap: pretty;">
438                                                                    Eckdaten, Hintergrund und Auswahlverfahren.
439                                                                </p>
440                                                            
441
442                                                        </div>
443                                                        </a>
444
445                                                    
446
447                                                </div>
448
449                                            </div>
450                                        </div>
451                                        </div>
452                                    </teleport>
453                                
454                            </div>
455
456
457                        
458                            <div  @mouseenter="setButton('main-1')"
459                                 @mouseleave="unsetButton('main-1')"
460                                 data-vue-menu-hover="1"
461                                 data-vue-menu-id="main-1"
462                                 class="relative">
463                                <a href="/verbundprojekte"
464                                   
465                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
466                                   x-state:off="Item inactive"
467                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-1'), 'text-gray-900': !isOpen('main-1') }"
468                                   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  ">
469                                    <span>  Projekte   </span>
470                                    
471                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
472                                               :class="{ 'text-primary-500': isOpen('main-1'), 'text-gray-900': !isOpen('main-1') }"
473
474                                            ></i>
475
476                                        
477                                </a>
478                                
479
480                                    <teleport to="body" :disabled="true">
481                                        <div x-description=""
482                                             v-show="isOpen('main-1')"
483                                             @mouseenter="setHover('main-1')"
484                                             @mouseleave="unsetHover('main-1')"
485                                             data-vue-menu-panel-owner="main-1"
486                                             data-vue-menu-portal="0"
487
488
489                                             x-transition:enter-start="opacity-0"
490                                             x-transition:enter-end="opacity-100"
491                                             x-transition:leave-start="opacity-100"
492                                             x-transition:leave-end="opacity-0"
493                                             class="absolute mt-3 px-2 w-screen  max-w-md  sm:px-0 flyout-menu z-50 "
494                                             style="display: none;">
495
496
497                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
498                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
499                                                
500                                                <div
501                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  "
502                                                    style="z-index: 999;">
503
504                                                    
505                                                    
506                                                        <a href="/verbundprojekte"
507                                                           
508                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
509                                                        hover:bg-gray-50 transition ease-in-out duration-150
510                                                        leading-snug hover:shadow hover:scale-102 transform
511                                                        ">
512                                                        <div class="pr-1 mt-1">
513                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
514fa-diagram-project
515                                "></i>
516                                                        </div>
517
518
519                                                        <div class="space-y-0.5">
520                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
521
522
523                                                                Verbundprojekte
524
525                                                            </p>
526                                                            
527                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
528                                                                   style="text-wrap: pretty;">
529                                                                    Die geförderten Verbünde und ihre Kurzprofile.
530                                                                </p>
531                                                            
532
533                                                        </div>
534                                                        </a>
535
536                                                    
537                                                        <a href="/projekte/circle4value"
538                                                           
539                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
540                                                        hover:bg-gray-50 transition ease-in-out duration-150
541                                                        leading-snug hover:shadow hover:scale-102 transform
542                                                        ">
543                                                        <div class="pr-1 mt-1">
544                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
545fa-people-arrows
546                                "></i>
547                                                        </div>
548
549
550                                                        <div class="space-y-0.5">
551                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
552
553
554                                                                Circle4Value
555
556                                                            </p>
557                                                            
558                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
559                                                                   style="text-wrap: pretty;">
560                                                                    Wissenschaftliches Projekt
561                                                                </p>
562                                                            
563
564                                                        </div>
565                                                        </a>
566
567                                                    
568
569                                                </div>
570
571                                            </div>
572                                        </div>
573                                        </div>
574                                    </teleport>
575                                
576                            </div>
577
578
579                        
580                            <div  @mouseenter="setButton('main-2')"
581                                 @mouseleave="unsetButton('main-2')"
582                                 data-vue-menu-hover="1"
583                                 data-vue-menu-id="main-2"
584                                 class="relative">
585                                <a href="/themen"
586                                   
587                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
588                                   x-state:off="Item inactive"
589                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-2'), 'text-gray-900': !isOpen('main-2') }"
590                                   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  ">
591                                    <span> 
592                                                                <i class="fal fa-compass"></i>
593
594                                                             Themen   </span>
595                                    
596                                            <i class="fal fa-chevron-down h-5 w-3 mt-0.5 pt-0.5 text-xs" style="    padding-top: 0.13rem;"
597                                               :class="{ 'text-primary-500': isOpen('main-2'), 'text-gray-900': !isOpen('main-2') }"
598
599                                            ></i>
600
601                                        
602                                </a>
603                                
604
605                                    <teleport to="body" :disabled="true">
606                                        <div x-description=""
607                                             v-show="isOpen('main-2')"
608                                             @mouseenter="setHover('main-2')"
609                                             @mouseleave="unsetHover('main-2')"
610                                             data-vue-menu-panel-owner="main-2"
611                                             data-vue-menu-portal="0"
612
613
614                                             x-transition:enter-start="opacity-0"
615                                             x-transition:enter-end="opacity-100"
616                                             x-transition:leave-start="opacity-100"
617                                             x-transition:leave-end="opacity-0"
618                                             class="absolute mt-3 px-2 w-screen  max-w-md  sm:px-0 flyout-menu z-50 "
619                                             style="display: none;">
620
621
622                                        <div class="rounded-lg shadow-xl ring-1 ring-gray-100 bg-white">
623                                            <div class="rounded-lg shadow-xs overflow-hidden sm:p-3 sm:px-4">
624                                                
625                                                    <div
626                                                        class=" leading-snug text-base font-light px-1 py-0.5 sm:p-5 sm:px-2">
627                                                        <div
628                                                            class="font-medium text-base pb-2 max-w-2xl ">
629                                                            Themen
630                                                        </div>
631                                                        <div
632                                                            class="max-w-3xl leading-snug text-gray-600 text-sm">
633                                                            Sechs Zugänge zur kreislauffähigen Wertschöpfung.
634                                                        </div>
635                                                    </div>
636                                                
637                                                <div
638                                                    class="z-50 relative grid gap-2 bg-white  sm:gap-1  "
639                                                    style="z-index: 999;">
640
641                                                    
642                                                    
643                                                        <a href="/themen/kreislauffaehige-wertschoepfung"
644                                                           
645                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
646                                                        hover:bg-gray-50 transition ease-in-out duration-150
647                                                        leading-snug hover:shadow hover:scale-102 transform
648                                                        ">
649                                                        <div class="pr-1 mt-1">
650                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
651fa-arrows-spin
652                                "></i>
653                                                        </div>
654
655
656                                                        <div class="space-y-0.5">
657                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
658
659
660                                                                Kreislauffähige Wertschöpfung
661
662                                                            </p>
663                                                            
664                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
665                                                                   style="text-wrap: pretty;">
666                                                                    Von linearen Ketten zu geschlossenen Systemen.
667                                                                </p>
668                                                            
669
670                                                        </div>
671                                                        </a>
672
673                                                    
674                                                        <a href="/themen/r-strategien"
675                                                           
676                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
677                                                        hover:bg-gray-50 transition ease-in-out duration-150
678                                                        leading-snug hover:shadow hover:scale-102 transform
679                                                        ">
680                                                        <div class="pr-1 mt-1">
681                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
682fa-rotate
683                                "></i>
684                                                        </div>
685
686
687                                                        <div class="space-y-0.5">
688                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
689
690
691                                                                R-Strategien
692
693                                                            </p>
694                                                            
695                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
696                                                                   style="text-wrap: pretty;">
697                                                                    Wiederverwenden, reparieren, wiederaufbereiten, recyceln.
698                                                                </p>
699                                                            
700
701                                                        </div>
702                                                        </a>
703
704                                                    
705                                                        <a href="/themen/digitale-produktpaesse"
706                                                           
707                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
708                                                        hover:bg-gray-50 transition ease-in-out duration-150
709                                                        leading-snug hover:shadow hover:scale-102 transform
710                                                        ">
711                                                        <div class="pr-1 mt-1">
712                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
713fa-qrcode
714                                "></i>
715                                                        </div>
716
717
718                                                        <div class="space-y-0.5">
719                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
720
721
722                                                                Digitale Produktpässe
723
724                                                            </p>
725                                                            
726                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
727                                                                   style="text-wrap: pretty;">
728                                                                    Produktdaten über den gesamten Lebensweg.
729                                                                </p>
730                                                            
731
732                                                        </div>
733                                                        </a>
734
735                                                    
736                                                        <a href="/themen/datenoekosysteme-und-ki"
737                                                           
738                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
739                                                        hover:bg-gray-50 transition ease-in-out duration-150
740                                                        leading-snug hover:shadow hover:scale-102 transform
741                                                        ">
742                                                        <div class="pr-1 mt-1">
743                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
744fa-network-wired
745                                "></i>
746                                                        </div>
747
748
749                                                        <div class="space-y-0.5">
750                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
751
752
753                                                                Datenökosysteme und KI
754
755                                                            </p>
756                                                            
757                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
758                                                                   style="text-wrap: pretty;">
759                                                                    Interoperable Datenräume und KI-Entscheidungen.
760                                                                </p>
761                                                            
762
763                                                        </div>
764                                                        </a>
765
766                                                    
767                                                        <a href="/themen/geschaeftsmodelle-und-services"
768                                                           
769                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
770                                                        hover:bg-gray-50 transition ease-in-out duration-150
771                                                        leading-snug hover:shadow hover:scale-102 transform
772                                                        ">
773                                                        <div class="pr-1 mt-1">
774                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
775fa-lightbulb
776                                "></i>
777                                                        </div>
778
779
780                                                        <div class="space-y-0.5">
781                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
782
783
784                                                                Geschäftsmodelle und Services
785
786                                                            </p>
787                                                            
788                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
789                                                                   style="text-wrap: pretty;">
790                                                                    Produkt-Service-Systeme und Erlösmodelle.
791                                                                </p>
792                                                            
793
794                                                        </div>
795                                                        </a>
796
797                                                    
798                                                        <a href="/themen/kompetenzen-und-wandel"
799                                                           
800                                                        class=" p-2 px-4 flex items-start space-x-2 rounded-lg
801                                                        hover:bg-gray-50 transition ease-in-out duration-150
802                                                        leading-snug hover:shadow hover:scale-102 transform
803                                                        ">
804                                                        <div class="pr-1 mt-1">
805                                                            <i class="flex-shrink-0 fa-fw text-primary-500 text-lg fal
806fa-people-arrows
807                                "></i>
808                                                        </div>
809
810
811                                                        <div class="space-y-0.5">
812                                                            <p class="text-base leading-tight font-bold text-gray-900 ">
813
814
815                                                                Kompetenzen und Wandel
816
817                                                            </p>
818                                                            
819                                                                <p class=" leading-tight tracking-tight  text-sm text-gray-500 font-light"
820                                                                   style="text-wrap: pretty;">
821                                                                    Qualifizierung und Organisationsentwicklung.
822                                                                </p>
823                                                            
824
825                                                        </div>
826                                                        </a>
827
828                                                    
829
830                                                </div>
831
832                                            </div>
833                                        </div>
834                                        </div>
835                                    </teleport>
836                                
837                            </div>
838
839
840                        
841                            <div  @mouseenter="setButton('main-3')"
842                                 @mouseleave="unsetButton('main-3')"
843                                 data-vue-menu-hover="1"
844                                 data-vue-menu-id="main-3"
845                                 class="relative">
846                                <a href="/transfer"
847                                   
848                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
849                                   x-state:off="Item inactive"
850                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-3'), 'text-gray-900': !isOpen('main-3') }"
851                                   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  ">
852                                    <span> 
853                                                                <i class="fal fa-arrow-right-arrow-left"></i>
854
855                                                             Transfer   </span>
856                                    
857
858                                        
859                                </a>
860                                
861                            </div>
862
863
864                        
865                            <div  @mouseenter="setButton('main-4')"
866                                 @mouseleave="unsetButton('main-4')"
867                                 data-vue-menu-hover="1"
868                                 data-vue-menu-id="main-4"
869                                 class="relative">
870                                <a href="/aktuelles"
871                                   
872                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
873                                   x-state:off="Item inactive"
874                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-4'), 'text-gray-900': !isOpen('main-4') }"
875                                   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  ">
876                                    <span> 
877                                                                <i class="fal fa-newspaper"></i>
878
879                                                             Aktuelles   </span>
880                                    
881
882                                        
883                                </a>
884                                
885                            </div>
886
887
888                        
889                            <div  @mouseenter="setButton('main-5')"
890                                 @mouseleave="unsetButton('main-5')"
891                                 data-vue-menu-hover="1"
892                                 data-vue-menu-id="main-5"
893                                 class="relative">
894                                <a href="/kontakt"
895                                   
896                                   type="button" data-vue-menu-trigger="1" x-state:on="Item active"
897                                   x-state:off="Item inactive"
898                                   :class="{ 'dgm-mainmenu-trigger--open text-primary-500': isOpen('main-5'), 'text-gray-900': !isOpen('main-5') }"
899                                   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  ">
900                                    <span> 
901                                                                <i class="fal fa-envelope"></i>
902
903                                                             Kontakt   </span>
904                                    
905
906                                        
907                                </a>
908                                
909                            </div>
910
911
912                        
913                        <!-- THEMEN -->
914
915
916                    </nav>
917                    <div
918                        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 ">
919
920
921                        
922
923                        
924                            <div data-vue-language-menu="1"
925                                 class="relative inline-block text-left z-50" style="">
926                                <div>
927                  <span class="rounded-md ">
928                    <button @click="open = !open" type="button"
929                            class="inline-flex items-center justify-center w-full rounded-md border border-primary-100 hover:border-primary-500 px-2 py-1  leading-5 font-medium text-gray-500 hover:text-white focus:outline-none active:text-gray-800 hover:bg-primary-500 hover:text-primary-50 hover:text-white transition ease-in-out duration-150
930 text-primary-500
931"
932                            id="options-menu" aria-haspopup="true" :aria-expanded="open">
933                      <i class="fal fa-globe"></i>
934                      <span class="font-bold pl-1 uppercase">
935                          
936                              de
937                          
938                              
939                          
940                      </span>
941                      <i class="fal fa-chevron-down dgm-langmenu__chev" :class="open ? 'is-open' : ''" aria-hidden="true"></i>
942                    </button>
943                  </span>
944                                </div>
945
946                                <div v-show="open" x-description="Dropdown panel, show/hide based on dropdown state."
947                                     x-transition:enter="transition ease-out duration-100"
948                                     x-transition:enter-start="transform opacity-0 scale-95"
949                                     x-transition:enter-end="transform opacity-100 scale-100"
950                                     x-transition:leave="transition ease-in duration-75"
951                                     x-transition:leave-start="transform opacity-100 scale-100"
952                                     x-transition:leave-end="transform opacity-0 scale-95"
953                                     class="dgm-langmenu origin-top-right absolute right-0 mt-2"
954                                     style="display: none;" role="menu" aria-orientation="vertical"
955                                     aria-labelledby="options-menu">
956                                    
957                                        
958                                            <a href="/circular-glow-up" role="menuitem"
959                                               class="dgm-langmenu__item is-active">
960                                                <span class="dgm-langmenu__check" aria-hidden="true"><i class="fas fa-check"></i></span>
961                                                <span>Deutsch</span>
962                                                <span class="dgm-langmenu__code">de</span>
963                                            </a>
964                                        
965                                    
966                                        
967                                            <a href="/en/circular-glow-up" role="menuitem"
968                                               class="dgm-langmenu__item">
969                                                <span class="dgm-langmenu__check" aria-hidden="true"></span>
970                                                <span>English</span>
971                                                <span class="dgm-langmenu__code">en</span>
972                                            </a>
973                                        
974                                    
975                                </div>
976                            </div>
977                        
978
979
980                        
981
982                            
983                                    
984                                        
985                                            <a href="https://c4v.inventum.de/customer/account?_LANG=de" title="Login"
986                                               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">
987                                                <span class="hidden 2xl:inline-block"> <i class="fal fa-sign-in"></i></span>
988                                                Login
989                                            </a>
990
991                                        
992                                    
993                                
994                            
995
996
997                        
998                            
999                            
1000                                    
1001                                
1002
1003
1004                        
1005
1006                        
1007                        <!--
1008
1009                        -->
1010                    </div>
1011                    
1012                </div>
1013            </div>
1014
1015            <!--
1016              ────────────────────────────────────────────────────────────────
1017              MOBILE MENU — teleported to <body> so it escapes the .mainmenu
1018              stacking context. The smart-sticky scroll handler also bails
1019              while the sheet is open (see mountFullscreenHeroMenuPin), and
1020              the watcher on mobileMenuOpen body-scroll-locks the page.
1021              Two CSS transitions wrap backdrop + sheet for an elegant slide.
1022              ────────────────────────────────────────────────────────────────
1023            -->
1024            <teleport to="body">
1025                <div class="dgm-mainmenu-mobile xl:hidden" :class="{ 'is-open': mobileMenuOpen }">
1026                    <transition name="dgm-mm-fade">
1027                        <div class="dgm-mainmenu-mobile__backdrop"
1028                             v-show="mobileMenuOpen"
1029                             @click="mobileMenuOpen = false"
1030                             aria-hidden="true"
1031                             style="display:none;"></div>
1032                    </transition>
1033                    <transition name="dgm-mm-slide">
1034                        <aside class="dgm-mainmenu-mobile__sheet"
1035                               v-show="mobileMenuOpen"
1036                               role="dialog"
1037                               aria-modal="true"
1038                               aria-label="Menü"
1039                               style="display:none;">
1040                            <header class="dgm-mainmenu-mobile__header">
1041                                <a id="logo" href="/home">
1042                                    <img src="/fileadmin/user_upload/2026-C4V-CircularGlowUp-Logo-new.png" width="6034" height="2011"  class="h-8 w-auto"  alt="" >
1043                                </a>
1044                                <button @click="mobileMenuOpen = false" type="button"
1045                                        class="dgm-mainmenu-mobile__close"
1046                                        aria-label="Menü schließen">
1047                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true">
1048                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1049                                              d="M6 18L18 6M6 6l12 12"></path>
1050                                    </svg>
1051                                </button>
1052                            </header>
1053
1054                            <div class="dgm-mainmenu-mobile__scroll">
1055                                
1056                                    <div class="dgm-mainmenu-mobile__lang">
1057                                        <span class="dgm-mainmenu-mobile__lang-label">
1058                                            <i class="fal fa-globe" aria-hidden="true"></i>
1059                                            
1060                                                Sprache
1061                                            
1062                                                
1063                                            
1064                                        </span>
1065                                        <div class="dgm-mainmenu-mobile__lang-pills">
1066                                            
1067                                                
1068                                                    
1069                                                            <span class="dgm-mainmenu-mobile__lang-pill is-active" aria-current="true">
1070                                                                de
1071                                                            </span>
1072                                                        
1073                                                
1074                                            
1075                                                
1076                                                    
1077                                                            <a href="/en/circular-glow-up"
1078                                                               class="dgm-mainmenu-mobile__lang-pill">en</a>
1079                                                        
1080                                                
1081                                            
1082                                        </div>
1083                                    </div>
1084                                
1085
1086                                <nav class="dgm-mainmenu-mobile__nav" aria-label="Mobile">
1087                                    
1088                                        <div class="dgm-mainmenu-mobile__group"
1089                                             data-mm-id="mm-0"
1090                                             data-mm-default-open="1"
1091                                             :class="isMobileChildOpen('mm-0') ? 'is-open' : ''">
1092                                            <div class="dgm-mainmenu-mobile__row">
1093                                                <a href="/circular-glow-up"
1094                                                   
1095                                                   class="dgm-mainmenu-mobile__row-link is-current">
1096                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-arrows-spin"
1097                                                       aria-hidden="true"></i>
1098                                                    <span>CircularGlowUp</span>
1099                                                </a>
1100                                                
1101                                                    <button type="button"
1102                                                            class="dgm-mainmenu-mobile__row-toggle"
1103                                                            @click="toggleMobileChild('mm-0')"
1104                                                            :aria-expanded="isMobileChildOpen('mm-0') ? 'true' : 'false'"
1105                                                            :aria-label="isMobileChildOpen('mm-0') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
1106                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
1107                                                    </button>
1108                                                
1109                                            </div>
1110                                            
1111                                                <ul class="dgm-mainmenu-mobile__children"
1112                                                    v-show="isMobileChildOpen('mm-0')"
1113                                                    style="display:none;">
1114                                                    
1115                                                    
1116                                                        <li>
1117                                                            <a href="/circular-glow-up/ziele-und-grundsaetze"
1118                                                               
1119                                                               class="dgm-mainmenu-mobile__child ">
1120                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-list-check"
1121                                                                   aria-hidden="true"></i>
1122                                                                <sp
1122an>Ziele und Grundsätze</span>
1123                                                            </a>
1124                                                        </li>
1125                                                    
1126                                                        <li>
1127                                                            <a href="/circular-glow-up/themen-und-perspektiven"
1128                                                               
1129                                                               class="dgm-mainmenu-mobile__child ">
1130                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-layer-group"
1131                                                                   aria-hidden="true"></i>
1132                                                                <span>Themen und Perspektiven</span>
1133                                                            </a>
1134                                                        </li>
1135                                                    
1136                                                        <li>
1137                                                            <a href="/circular-glow-up/eureka"
1138                                                               
1139                                                               class="dgm-mainmenu-mobile__child ">
1140                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-earth-europe"
1141                                                                   aria-hidden="true"></i>
1142                                                                <span>Eureka &amp; International</span>
1143                                                            </a>
1144                                                        </li>
1145                                                    
1146                                                        <li>
1147                                                            <a href="https://www.zukunft-der-wertschoepfung.de/bk-circularglowup/"
1148                                                                target="_blank" rel="noopener"
1149                                                               class="dgm-mainmenu-mobile__child ">
1150                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-file-lines"
1151                                                                   aria-hidden="true"></i>
1152                                                                <span>Förderbekanntmachung</span>
1153                                                            </a>
1154                                                        </li>
1155                                                    
1156                                                </ul>
1157                                            
1158                                        </div>
1159                                    
1160                                        <div class="dgm-mainmenu-mobile__group"
1161                                             data-mm-id="mm-1"
1162                                             
1163                                             :class="isMobileChildOpen('mm-1') ? 'is-open' : ''">
1164                                            <div class="dgm-mainmenu-mobile__row">
1165                                                <a href="/verbundprojekte"
1166                                                   
1167                                                   class="dgm-mainmenu-mobile__row-link ">
1168                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-circle-small"
1169                                                       aria-hidden="true"></i>
1170                                                    <span>Projekte</span>
1171                                                </a>
1172                                                
1173                                                    <button type="button"
1174                                                            class="dgm-mainmenu-mobile__row-toggle"
1175                                                            @click="toggleMobileChild('mm-1')"
1176                                                            :aria-expanded="isMobileChildOpen('mm-1') ? 'true' : 'false'"
1177                                                            :aria-label="isMobileChildOpen('mm-1') ? '
1177Unterpunkte schließen' : 'Unterpunkte anzeigen'">
1178                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
1179                                                    </button>
1180                                                
1181                                            </div>
1182                                            
1183                                                <ul class="dgm-mainmenu-mobile__children"
1184                                                    v-show="isMobileChildOpen('mm-1')"
1185                                                    style="display:none;">
1186                                                    
1187                                                    
1188                                                        <li>
1189                                                            <a href="/verbundprojekte"
1190                                                               
1191                                                               class="dgm-mainmenu-mobile__child ">
1192                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-diagram-project"
1193                                                                   aria-hidden="true"></i>
1194                                                                <span>Verbundprojekte</span>
1195                                                            </a>
1196                                                        </li>
1197                                                    
1198                                                        <li>
1199                                                            <a href="/projekte/circle4value"
1200                                                               
1201                                                               class="dgm-mainmenu-mobile__child ">
1202                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-people-arrows"
1203                                                                   aria-hidden="true"></i>
1204                                                                <span>Circle4Value</span>
1205                                                            </a>
1206                                                        </li>
1207                                                    
1208                                                </ul>
1209                                            
1210                                        </div>
1211                                    
1212                                        <div class="dgm-mainmenu-mobile__group"
1213                                             data-mm-id="mm-2"
1214                                             
1215                                             :class="isMobileChildOpen('mm-2') ? 'is-open' : ''">
1216                                            <div class="dgm-mainmenu-mobile__row">
1217                                                <a href="/themen"
1218                                                   
1219                                                   class="dgm-mainmenu-mobile__row-link ">
1220                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-compass"
1221                                                       aria-hidden="true"></i>
1222                                                    <span>Themen</span>
1223                                                </a>
1224                                                
1225                                                    <button type="button"
1226                                                            class="dgm-mainmenu-mobile__row-toggle"
1227                                                            @click="toggleMobileChild('mm-2')"
1228                                                            :aria-expanded="isMobileChildOpen('mm-2') ? 'true' : 'false'"
1229                                                            :aria-label="isMobileChildOpen('mm-2') ? 'Unterpunkte schließen' : 'Unterpunkte anzeigen'">
1230                                                        <i class="fal fa-chevron-down" aria-hidden="true"></i>
1231                                                    </button>
1232                                                
1233                                            </div>
1234                                            
1235                                                <ul class="dgm-mainmenu-mobile__children"
1236                                                    v-show="isMobileChildOpen('mm-2')"
1237                                                    style="display:none;">
1238                                                    
1239                                                    
1240                                                        <li>
1241                                                            <a href="/themen/kreislauffaehige-wertschoepfung"
1242                                                               
1243                                                               class="dgm-mainmenu-mobile__child ">
1244                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-arrows-spin"
1245                                                                   aria-hidden="true"></i>
1246                                                                <sp
1246an>Kreislauffähige Wertschöpfung</span>
1247                                                            </a>
1248                                                        </li>
1249                                                    
1250                                                        <li>
1251                                                            <a href="/themen/r-strategien"
1252                                                               
1253                                                               class="dgm-mainmenu-mobile__child ">
1254                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-rotate"
1255                                                                   aria-hidden="true"></i>
1256                                                                <span>R-Strategien</span>
1257                                                            </a>
1258                                                        </li>
1259                                                    
1260                                                        <li>
1261                                                            <a href="/themen/digitale-produktpaesse"
1262                                                               
1263                                                               class="dgm-mainmenu-mobile__child ">
1264                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-qrcode"
1265                                                                   aria-hidden="true"></i>
1266                                                                <span>Digitale Produktpässe</span>
1267                                                            </a>
1268                                                        </li>
1269                                                    
1270                                                        <li>
1271                                                            <a href="/themen/datenoekosysteme-und-ki"
1272                                                               
1273                                                               class="dgm-mainmenu-mobile__child ">
1274                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-network-wired"
1275                                                                   aria-hidden="true"></i>
1276                                                                <span>Datenökosysteme und KI</span>
1277                                                            </a>
1278                                                        </li>
1279                                                    
1280                                                        <li>
1281                                                            <a href="/themen/geschaeftsmodelle-und-services"
1282                                                               
1283                                                               class="dgm-mainmenu-mobile__child ">
1284                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-lightbulb"
1285                                                                   aria-hidden="true"></i>
1286                                                                <span>Geschäftsmodelle und Services</span>
1287                                                            </a>
1288                                                        </li>
1289                                                    
1290                                                        <li>
1291                                                            <a href="/themen/kompetenzen-und-wandel"
1292                                                               
1293                                                               class="dgm-mainmenu-mobile__child ">
1294                                                                <i class="dgm-mainmenu-mobile__child-icon fal fa-people-arrows"
1295                                                                   aria-hidden="true"></i>
1296                                                                <sp
1296an>Kompetenzen und Wandel</span>
1297                                                            </a>
1298                                                        </li>
1299                                                    
1300                                                </ul>
1301                                            
1302                                        </div>
1303                                    
1304                                        <div class="dgm-mainmenu-mobile__group"
1305                                             data-mm-id="mm-3"
1306                                             
1307                                             :class="isMobileChildOpen('mm-3') ? 'is-open' : ''">
1308                                            <div class="dgm-mainmenu-mobile__row">
1309                                                <a href="/transfer"
1310                                                   
1311                                                   class="dgm-mainmenu-mobile__row-link ">
1312                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-arrow-right-arrow-left"
1313                                                       aria-hidden="true"></i>
1314                                                    <span>Transfer</span>
1315                                                </a>
1316                                                
1317                                            </div>
1318                                            
1319                                        </div>
1320                                    
1321                                        <div class="dgm-mainmenu-mobile__group"
1322                                             data-mm-id="mm-4"
1323                                             
1324                                             :class="isMobileChildOpen('mm-4') ? 'is-open' : ''">
1325                                            <div class="dgm-mainmenu-mobile__row">
1326                                                <a href="/aktuelles"
1327                                                   
1328                                                   class="dgm-mainmenu-mobile__row-link ">
1329                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-newspaper"
1330                                                       aria-hidden="true"></i>
1331                                                    <span>Aktuelles</span>
1332                                                </a>
1333                                                
1334                                            </div>
1335                                            
1336                                        </div>
1337                                    
1338                                        <div class="dgm-mainmenu-mobile__group"
1339                                             data-mm-id="mm-5"
1340                                             
1341                                             :class="isMobileChildOpen('mm-5') ? 'is-open' : ''">
1342                                            <div class="dgm-mainmenu-mobile__row">
1343                                                <a href="/kontakt"
1344                                                   
1345                                                   class="dgm-mainmenu-mobile__row-link ">
1346                                                    <i class="dgm-mainmenu-mobile__row-icon fal fa-envelope"
1347                                                       aria-hidden="true"></i>
1348                                                    <span>Kontakt</span>
1349                                                </a>
1350                                                
1351                                            </div>
1352                                            
1353                                        </div>
1354                                    
1355                                </nav>
1356                            </div>
1357
1358                            <footer class="dgm-mainmenu-mobile__footer">
1359                                
1360                                
1361
1362                                    
1363                                        
1364                                            <a href="https://c4v.inventum.de/customer/account?_LANG=de"
1365                                               class="dgm-mainmenu-mobile__cta dgm-mainmenu-mobile__cta--primary">
1366                                                <i class="fal fa-sign-in" aria-hidden="true"></i>
1367                                                <span>Login</span>
1368                                            </a>
1369                                        
1370                                        
1371                                    
1372                                
1373                                    
1374                                
1375
1376                                
1377                            </footer>
1378                        </aside>
1379                    </transition>
1380                </div>
1381            </teleport>
1382</div>
1383
1384
1385
1386
1387
1388    <!--
1389      ────────────────────────────────────────────────────────────────────
1390      BREADCRUMB — shadcn-style hover dropdown, wired to the centralized
1391      Vue menu app in main.js (.js-vue-menu-scope).
1392      Trigger API: setButton(id) / unsetButton(id) / setHover(id) /
1393                   unsetHover(id) / isOpen(id) — provided by the Vue app
1394      mounted on .js-vue-menu-scope. Panels use v-show + data-vue-menu-*
1395      attributes so main.js can normalize, position and animate them.
1396      ────────────────────────────────────────────────────────────────────
1397    -->
1398    
1399        
1400            
1401                <nav class="container mx-auto my-10 px-6 md:px-0 js-vue-menu-scope"
1402                     id="breadcrumb__section"
1403                     aria-label="Breadcrumb">
1404                    <ol class="cms__breadcrumbs relative z-30 flex flex-wrap items-center gap-x-1 gap-y-2">
1405                        
1406                            <li class="relative inline-flex items-center"
1407                                data-vue-menu-hover="1"
1408                                data-vue-menu-id="crumb-0"
1409                                @mouseenter="setButton('crumb-0')"
1410                                @mouseleave="unsetButton('crumb-0')">
1411
1412                                
1413                                
1414                                <a href="/home"
1415                                   
1416                                   data-vue-menu-trigger="1"
1417                                   @touchend.prevent="isOpen('crumb-0') ? unsetButton('crumb-0') : setButton('crumb-0')"
1418                                   :class="isOpen('crumb-0') ? 'border-primary-200 bg-primary-50 text-primary-700' : 'text-gray-600 hover:text-gray-900'"
1419                                   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"
1420                                   aria-haspopup="true"
1421                                   :aria-expanded="isOpen('crumb-0') ? 'true' : 'false'">
1422                                    
1423                                            <i class="fa-solid fa-house text-[11px]" aria-hidden="true"></i>
1424                                            <span class="sr-only">CircularGlowUp</span>
1425                                        
1426                                    
1427                                        <i class="fa-solid fa-chevron-down text-[8px] opacity-70 transition group-hover:opacity-100"
1428                                           :class="isOpen('crumb-0') ? 'rotate-180' : ''"
1429                                           aria-hidden="true"></i>
1430                                    
1431                                </a>
1432
1433                                <!--
1434                                  Dropdown panel — shadcn-style popover surface.
1435                                  `data-vue-menu-portal="1"` tells main.js to
1436                                  position the panel as `position: fixed`
1437                                  against the viewport, so it escapes any
1438                                  parent stacking context. Combined with
1439                                  z-[100], the panel sits on top of headers,
1440                                  sticky bars, parallax sections — anything
1441                                  below z:100.
1442                                -->
1443                                
1444                                    <div data-vue-menu-panel="1"
1445                                         data-vue-menu-portal="1"
1446                                         role="menu"
1447                                         aria-orientation="vertical"
1448                                         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]"
1449                                         v-show="isOpen('crumb-0')"
1450                                         @mouseenter="setHover('crumb-0')"
1451                                         @mouseleave="unsetHover('crumb-0')"
1452                                         style="display: none;">
1453                                        <!--
1454                                          Inner wrapper — main.js animates the
1455                                          panel's firstElementChild as a single
1456                                          unit. Without this wrapper, only the
1457                                          first <a> would animate; the rest
1458                                          would pop in. With it, every item
1459                                          enters together as the slide
1460                                          animation plays.
1461                                        -->
1462                                        <div class="p-1">
1463                                            
1464                                                <a href="/circular-glow-up"
1465                                                   
1466                                                   role="menuitem"
1467                                                   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">
1468                                                    CircularGlowUp
1469                                                </a>
1470                                            
1471                                                <a href="/verbundprojekte"
1472                                                   
1473                                                   role="menuitem"
1474                                                   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">
1475                                                    Projekte
1476                                                </a>
1477                                            
1478                                                <a href="/themen"
1479                                                   
1480                                                   role="menuitem"
1481                                                   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">
1482                                                    Themen
1483                                                </a>
1484                                            
1485                                                <a href="/transfer"
1486                                                   
1487                                                   role="menuitem"
1488                                                   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">
1489                                                    Transfer
1490                                                </a>
1491                                            
1492                                                <a href="/aktuelles"
1493                                                   
1494                                                   role="menuitem"
1495                                                   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">
1496                                                    Aktuelles
1497                                                </a>
1498                                            
1499                                                <a href="/kontakt"
1500                                                   
1501                                                   role="menuitem"
1502                                                   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">
1503                                                    Kontakt
1504                                                </a>
1505                                            
1506                                        </div>
1507                                    </div>
1508                                
1509                            </li>
1510
1511                            
1512                                <li class="inline-flex items-center text-gray-300" aria-hidden="true">
1513                                    <i class="fa-solid fa-chevron-right text-[9px]"></i>
1514                                </li>
1515                            
1516                        
1517                            <li class="relative inline-flex items-center"
1518                                data-vue-menu-hover="1"
1519                                data-vue-menu-id="crumb-1"
1520                                @mouseenter="setButton('crumb-1')"
1521                                @mouseleave="unsetButton('crumb-1')">
1522
1523                                
1524                                
1525                                <a href="/circular-glow-up"
1526                                   
1527                                   data-vue-menu-trigger="1"
1528                                   @touchend.prevent="isOpen('crumb-1') ? unsetButton('crumb-1') : setButton('crumb-1')"
1529                                   :class="isOpen('crumb-1') ? 'border-primary-200 bg-primary-50 text-primary-700' : 'text-gray-900'"
1530                                   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"
1531                                   aria-haspopup="true"
1532                                   :aria-expanded="isOpen('crumb-1') ? 'true' : 'false'">
1533                                    
1534                                            CircularGlowUp
1535                                        
1536                                    
1537                                        <i class="fa-solid fa-chevron-down text-[8px] opacity-70 transition group-hover:opacity-100"
1538                                           :class="isOpen('crumb-1') ? 'rotate-180' : ''"
1539                                           aria-hidden="true"></i>
1540                                    
1541                                </a>
1542
1543                                <!--
1544                                  Dropdown panel — shadcn-style popover surface.
1545                                  `data-vue-menu-portal="1"` tells main.js to
1546                                  position the panel as `position: fixed`
1547                                  against the viewport, so it escapes any
1548                                  parent stacking context. Combined with
1549                                  z-[100], the panel sits on top of headers,
1550                                  sticky bars, parallax sections — anything
1551                                  below z:100.
1552                                -->
1553                                
1554                                    <div data-vue-menu-panel="1"
1555                                         data-vue-menu-portal="1"
1556                                         role="menu"
1557                                         aria-orientation="vertical"
1558                                         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]"
1559                                         v-show="isOpen('crumb-1')"
1560                                         @mouseenter="setHover('crumb-1')"
1561                                         @mouseleave="unsetHover('crumb-1')"
1562                                         style="display: none;">
1563                                        <!--
1564                                          Inner wrapper — main.js animates the
1565                                          panel's firstElementChild as a single
1566                                          unit. Without this wrapper, only the
1567                                          first <a> would animate; the rest
1568                                          would pop in. With it, every item
1569                                          enters together as the slide
1570                                          animation plays.
1571                                        -->
1572                                        <div class="p-1">
1573                                            
1574                                                <a href="/circular-glow-up/ziele-und-grundsaetze"
1575                                                   
1576                                                   role="menuitem"
1577                                                   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">
1578                                                    Ziele und Grundsätze
1579                                                </a>
1580                                            
1581                                                <a href="/circular-glow-up/themen-und-perspektiven"
1582                                                   
1583                                                   role="menuitem"
1584                                                   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">
1585                                                    Themen und Perspektiven
1586                                                </a>
1587                                            
1588                                                <a href="/circular-glow-up/eureka"
1589                                                   
1590                                                   role="menuitem"
1591                                                   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">
1592                                                    Eureka &amp; International
1593                                                </a>
1594                                            
1595                                                <a href="https://www.zukunft-der-wertschoepfung.de/bk-circularglowup/"
1596                                                    target="_blank" rel="noopener"
1597                                                   role="menuitem"
1598                                                   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">
1599                                                    Förderbekanntmachung
1600                                                </a>
1601                                            
1602                                        </div>
1603                                    </div>
1604                                
1605                            </li>
1606
1607                            
1608                        
1609                    </ol>
1610                </nav>
1611            
1612        
1613    
1614
1615<div class="" id="content__section">
1616    <div class=" max-w-none">
1617        
1618
1619
1620    
1621
1622
1623    </div>
1624    <div class="max-w-none mb-8 lg:mx-2 2xl:mx-1" id="crm__widgets">
1625
1626
1627        
1628
1629
1630    
1631
1632
1633
1634
1635
1636    
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667<section id="c66722"
1668         class="dgm-ex-index-source dgm-ex-root  text-slate-900 pt-14 lg:pt-20 pb-10 lg:pb-20 bg-transparent"
1669         data-index-enabled="0"
1670         data-section-anchor="c66722"
1671         data-section-label="Die Fördermaßnahme"
1672         data-section-icon="fa-circle-info">
1673    <div class="mx-auto max-w-[1200px] px-6">
1674        <header data-reveal class="mt-0 mx-auto max-w-2xl text-center mb-0">
1675            
1676                    
1677    
1678        <span class="mb-4 inline-flex items-center gap-2 rounded-full border border-primary/30 bg-primary/5 px-3 py-1.5 text-[11px] font-bold uppercase tracking-[0.1em] text-primary">
1679            
1680                <i class="fa-solid fa-circle-info"></i>
1681            
1682            Die Fördermaßnahme
1683        </span>
1684    
1685
1686    
1687        <h2 class="mt-0 mb-0 text-pretty text-3xl font-bold tracking-tight sm:text-4xl">Über CircularGlowUp</h2>
1688    
1689
1690    
1691        <div class="mt-4 text-pretty text-base leading-relaxed text-slate-600 sm:text-lg">
1692            <p>CircularGlowUp unterstützt den Übergang von linearer zu kreislauffähiger Wertschöpfung. Im Mittelpunkt stehen kooperative, vorwettbewerbliche Forschungs-, Entwicklungs- und Innovationsprojekte im Eureka-Rahmen. Sie sollen Unternehmen zur kreislauffähigen Wertschöpfung befähigen und mit Produkten, Dienstleistungen und Verfahren die Wertschöpfung in Deutschland stärken.</p>
1693<p>Die Projekte erforschen Umsetzungsstrategien und praxisrelevante Maßnahmen für wettbewerbsfähige kreislauffähige Wertschöpfungssysteme. Sie sollen einen systemischen Ansatz verfolgen, der deutlich über reine Technologieentwicklung hinausgeht. Vorhaben mit ausschließlichem Recyclingfokus waren nicht förderfähig.</p>
1694        </div>
1695    
1696
1697                
1698        </header>
1699
1700        
1701    </div>
1702</section>
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750<span id="c66723" class="ce-anchor"></span>
1751<section id=""
1752         class="dgm-ex-index-source dgm-ex-root text-slate-900 py-14 sm:py-20 lg:py-28 "
1753         data-index-enabled="0"
1754         data-section-anchor=""
1755         data-section-label="Auftrag der Webseite"
1756         data-section-icon="fa-compass-drafting">
1757  <div class="mx-auto max-w-[1200px] px-6">
1758
1759    
1760        <header data-reveal class="mx-auto text-center mb-7 max-w-[720px] sm:mb-10">
1761  
1762    <span class="inline-flex items-center gap-2 rounded-full border border-primary/30 bg-primary/5 px-3 py-1.5 text-[11px] font-bold uppercase tracking-widest text-primary">
1763      <i class="fa-solid fa-compass-drafting"></i>
1764      Auftrag der Webseite
1765    </span>
1766  
1767  <h2 class="mt-3.5 text-pretty text-2xl font-bold leading-tight tracking-tight sm:text-3xl lg:text-4xl">Orientierung, Transfer und Vernetzung</h2>
1768  
1769</header>
1770        <div class="grid gap-6 md:grid-cols-3">
1771          
1772            
1773                <article data-reveal class="rounded-2xl border border-border bg-white p-6 shadow-sm">
1774                  <div class="mb-5 text-4xl font-extrabold tracking-tight text-primary/40">1</div>
1775                  <h3 class="text-lg font-semibold">Orientierung geben</h3>
1776                  <div class="mt-2 text-sm leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Die Website erläutert Ziele, Grundsätze, Perspektiven und Themen der Fördermaßnahme und stellt die geförderten Projekte vor.</p></div>
1777                </article>
1778              
1779          
1780            
1781                <article data-reveal class="rounded-2xl border border-border bg-white p-6 shadow-sm">
1782                  <div class="mb-5 text-4xl font-extrabold tracking-tight text-primary/40">2</div>
1783                  <h3 class="text-lg font-semibold">Transfer ermöglichen</h3>
1784                  <div class="mt-2 text-sm leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Sie macht Ergebnisse, Methoden, Werkzeuge und Lernangebote für Unternehmen, Forschung, Verbände und weitere Transferakteure zugänglich.</p></div>
1785                </article>
1786              
1787          
1788            
1789                <article data-reveal class="rounded-2xl border border-border bg-white p-6 shadow-sm">
1790                  <div class="mb-5 text-4xl font-extrabold tracking-tight text-primary/40">3</div>
1791                  <h3 class="text-lg font-semibold">Vernetzung stärken</h3>
1792                  <div class="mt-2 text-sm leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Sie unterstützt den Austausch zwischen Projekten, Partnern und internationalen Kooperationen.</p></div>
1793                </article>
1794              
1795          
1796        </div>
1797      
1798  </div>
1799</section>
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879<span id="c66724" class="ce-anchor"></span>
1880<section id=""
1881         class="dgm-ex-index-source dgm-ex-root text-slate-900 py-14 sm:py-20 lg:py-28 bg-muted/30"
1882         data-index-enabled="0"
1883         data-section-anchor=""
1884         data-section-label="Leitgedanke"
1885         data-section-icon="fa-arrows-spin">
1886  <div class="mx-auto max-w-[1200px] px-6">
1887
1888    
1889        <header data-reveal class="mx-auto text-center mb-7 max-w-[720px] sm:mb-10">
1890  
1891    <span class="inline-flex items-center gap-2 rounded-full border border-primary/30 bg-primary/5 px-3 py-1.5 text-[11px] font-bold uppercase tracking-widest text-primary">
1892      <i class="fa-solid fa-arrows-spin"></i>
1893      Leitgedanke
1894    </span>
1895  
1896  <h2 class="mt-3.5 text-pretty text-2xl font-bold leading-tight tracking-tight sm:text-3xl lg:text-4xl">Die fünf Grundsätze</h2>
1897  
1898    
1899        <div class="mt-4 text-base leading-relaxed text-slate-600 sm:text-lg"><p>CircularGlowUp orientiert sich an fünf Grundsätzen. Die ausführliche Fassung finden Sie auf der Seite „Ziele und Grundsätze“.</p></div>
1900      
1901  
1902</header>
1903        <div class="grid grid-cols-1 gap-x-7 gap-y-3 md:grid-cols-2">
1904          
1905            <div data-reveal class="grid grid-cols-[28px_1fr] items-start gap-3.5 border-b border-border py-3.5">
1906              <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-primary/10 text-[13px] font-bold text-primary">1</div>
1907              <div><h4 class="mb-1 text-[15.5px] font-semibold">kontinuierliche Kreisläufe und R-Strategien</h4><div class="text-sm text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Technologie, Daten, Geschäftsmodelle, Menschen und Organisationen werden gemeinsam betrachtet, nicht einzeln optimiert.</p></div></div>
1908            </div>
1909          
1910            <div data-reveal class="grid grid-cols-[28px_1fr] items-start gap-3.5 border-b border-border py-3.5">
1911              <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-primary/10 text-[13px] font-bold text-primary">2</div>
1912              <div><h4 class="mb-1 text-[15.5px] font-semibold">Mehr als Recycling</h4><div class="text-sm text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Langlebiges Design, Wiederverwendung, Reparatur, Wiederaufbereitung, digitale Nachverfolgbarkeit und Rückführung gehören zusammen.</p></div></div>
1913            </div>
1914          
1915            <div data-reveal class="grid grid-cols-[28px_1fr] items-start gap-3.5 border-b border-border py-3.5">
1916              <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-primary/10 text-[13px] font-bold text-primary">3</div>
1917              <div><h4 class="mb-1 text-[15.5px] font-semibold">
1917Daten als Voraussetzung</h4><div class="text-sm text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Digitale Infrastrukturen und interoperable Daten machen Kreisläufe transparent und belastbar.</p></div></div>
1918            </div>
1919          
1920            <div data-reveal class="grid grid-cols-[28px_1fr] items-start gap-3.5 border-b border-border py-3.5">
1921              <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-primary/10 text-[13px] font-bold text-primary">4</div>
1922              <div><h4 class="mb-1 text-[15.5px] font-semibold">Wandel in Unternehmen</h4><div class="text-sm text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Unternehmen bauen neue Kompetenzen, Prozesse und Organisationsformen auf, um zirkulär zu wirtschaften.</p></div></div>
1923            </div>
1924          
1925            <div data-reveal class="grid grid-cols-[28px_1fr] items-start gap-3.5 border-b border-border py-3.5">
1926              <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-primary/10 text-[13px] font-bold text-primary">5</div>
1927              <div><h4 class="mb-1 text-[15.5px] font-semibold">International gedacht</h4><div class="text-sm text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Wertschöpfungsketten funktionieren grenzüberschreitend. Internationale Kooperation ist deshalb von Anfang an mitgedacht.</p></div></div>
1928            </div>
1929          
1930        </div>
1931      
1932  </div>
1933</section>
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013<span id="c66725" class="ce-anchor"></span>
2014<section id=""
2015         class="dgm-ex-index-source dgm-ex-root text-slate-900 py-14 sm:py-20 lg:py-28 "
2016         data-index-enabled="0"
2017         data-section-anchor=""
2018         data-section-label="Zielgruppen"
2019         data-section-icon="fa-users-viewfinder">
2020  <div class="mx-auto max-w-[1200px] px-6">
2021
2022    
2023        <header data-reveal class="mx-auto text-center mb-7 max-w-2xl sm:mb-10">
2024  
2025    <span class="inline-flex items-center gap-2 rounded-full border border-primary/30 bg-primary/5 px-3 py-1.5 text-[11px] font-bold uppercase tracking-widest text-primary">
2026      <i class="fa-solid fa-users-viewfinder"></i>
2027      Zielgruppen
2028    </span>
2029  
2030  <h2 class="mt-3.5 text-pretty text-2xl font-bold leading-tight tracking-tight sm:text-3xl lg:text-4xl">Für wen die Fördermaßnahme relevant ist</h2>
2031  
2032    
2033        <div class="mt-4 text-base leading-relaxed text-slate-600 sm:text-lg"><p>CircularGlowUp richtet sich an alle, die kreislauffähige Wertschöpfung gestalten und nutzen wollen.</p></div>
2034      
2035  
2036</header>
2037        
2038        
2039        
2040        
2041        <div class="dgm-ex-card-grid dgm-ex-card-grid--simple">
2042          
2043            <div class="dgm-ex-card-grid__item">
2044  <div data-reveal>
2045    
2046        <article class="group relative flex h-full flex-col gap-3 rounded-2xl border border-border bg-white p-6 transform transition-all duration-200 ease-in-out hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl">
2047          <div class="flex h-12 w-12 items-center justify-center rounded-[10px] bg-primary/10 text-primary"><i class="fa-solid fa-industry"></i></div>
2048          
2049          <h3 class="text-lg font-semibold">Unternehmen und KMU</h3>
2050          <div class="text-[14.5px] leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Industriepartner entlang globaler Wertschöpfungsketten, mit besonderem Blick auf kleine und mittlere Unternehmen.</p></div>
2051          
2052        </article>
2053      
2054  </div>
2055</div>
2056          
2057            <div class="dgm-ex-card-grid__item">
2058  <div data-reveal>
2059    
2060        <article class="group relative flex h-full flex-col gap-3 rounded-2xl border border-border bg-white p-6 transform transition-all duration-200 ease-in-out hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl">
2061          <div class="flex h-12 w-12 items-center justify-center rounded-[10px] bg-primary/10 text-primary"><i class="fa-solid fa-flask"></i></div>
2062          
2063          <h3 class="text-lg font-semibold">Forschung und Hochschulen</h3>
2064          <div class="text-[14.5px] leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Forschungseinrichtungen und Hochschulen, die in den Verbundprojekten zusammenarbeiten.</p></div>
2065          
2066        </article>
2067      
2068  </div>
2069</div>
2070          
2071            <div class="dgm-ex-card-grid__item">
2072  <div data-reveal>
2073    
2074        <article class="group relative flex h-full flex-col gap-3 rounded-2xl border border-border bg-white p-6 transform transition-all duration-200 ease-in-out hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl">
2075          <div class="flex h-12 w-12 items-center justify-center rounded-[10px] bg-primary/10 text-primary"><i class="fa-solid fa-sitemap"></i></div>
2076          
2077          <h3 class="text-lg font-semibold">Verbände und Transfer</h3>
2078          <div class="text-[14.5px] leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Verbände, Kammern und Transferorganisationen, die Ergebnisse in die Breite tragen.</p></div>
2079          
2080        </article>
2081      
2082  </div>
2083</div>
2084          
2085            <div class="dgm-ex-card-grid__item">
2086  <div data-reveal>
2087    
2088        <article class="group relative flex h-full flex-col gap-3 rounded-2xl border border-border bg-white p-6 transform transition-all duration-200 ease-in-out hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl">
2089          <div class="flex h-12 w-12 items-center justify-center rounded-[10px] bg-primary/10 text-primary"><i class="fa-solid fa-landmark-dome"></i></div>
2090          
2091          <h3 class="text-lg font-semibold">Politik und Förderpolitik</h3>
2092          <div class="text-[14.5px] leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Politische und förderpolitische Akteure, Projektträger und Fördergeber.</p></div>
2093          
2094        </article>
2095      
2096  </div>
2097</div>
2098          
2099            <div class="dgm-ex-card-grid__item">
2100  <div data-reveal>
2101    
2102        <article class="group relative flex h-full flex-col gap-3 rounded-2xl border border-border bg-white p-6 transform transition-all duration-200 ease-in-out hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl">
2103          <div class="flex h-12 w-12 items-center justify-center rounded-[10px] bg-primary/10 text-primary"><i class="fa-solid fa-earth-europe"></i></div>
2104          
2105          <h3 class="text-lg font-semibold">Internationale Partner</h3>
2106          <div class="text-[14.5px] leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Eureka-Partner und internationale Verbünde entlang grenzüberschreitender Wertschöpfung.</p></div>
2107          
2108        </article>
2109      
2110  </div>
2111</div>
2112          
2113            <div class="dgm-ex-card-grid__item">
2114  <div data-reveal>
2115    
2116        <article class="group relative flex h-full flex-col gap-3 rounded-2xl border border-border bg-white p-6 transform transition-all duration-200 ease-in-out hover:-translate-y-1 hover:border-primary/30 hover:shadow-xl">
2117          <div class="flex h-12 w-12 items-center justify-center rounded-[10px] bg-primary/10 text-primary"><i class="fa-solid fa-graduation-cap"></i></div>
2118          
2119          <h3 class="text-lg font-semibold">Fach- und Nachwuchskräfte</h3>
2120          <div class="text-[14.5px] leading-relaxed text-slate-600 [&_a]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:text-primary/80"><p>Fachöffentlichkeit, Studierende sowie Nachwuchswissenschaftlerinnen und Nachwuchswissenschaftler.</p></div>
2121          
2122        </article>
2123      
2124  </div>
2125</div>
2126          
2127        </div>
2128      
2129  </div>
2130</section>
2131
2132
2133
2134
2135
2136
2137
2138
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155
2156
2157
2158
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168
2169
2170
2171
2172
2173
2174
2175
2176
2177
2178
2179
2180
2181
2182
2183
2184
2185
2186
2187
2188
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205
2206
2207
2208
2209
2210<span id="c66726" class="ce-anchor"></span>
2211<section id=""
2212         class="dgm-ex-index-source dgm-ex-root text-slate-900 py-4 lg:py-5 "
2213         data-index-enabled="0"
2214         data-section-anchor=""
2215         data-section-label="Weiterführend"
2216         data-section-icon="fa-diagram-next">
2217  <div class="mx-auto max-w-[1000px] px-6">
2218
2219    
2220        <header data-reveal class="!mt-0 mx-auto text-center mb-5 max-w-[62
2220ch]">
2221  
2222    <span class="mb-3 inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/5 px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-[0.10em] text-primary">
2223      <i class="fa-solid fa-diagram-next text-[10px]"></i>
2224      Weiterführend
2225    </span>
2226  
2227  <h2 class="mt-0 text-pretty text-xl font-bold tracking-tight sm:text-2xl">Mehr über die Fördermaßnahme</h2>
2228  
2229</header>
2230        
2231        
2232        
2233        
2234        <div class="dgm-ex-linklist grid gap-2 sm:grid-cols-2">
2235          
2236            <a href="/circular-glow-up/ziele-und-grundsaetze" class="group flex items-center justify-between gap-3 rounded-xl border border-border bg-white px-4 py-3 transform transition-all duration-200 ease-in-out hover:border-primary/40 hover:shadow-sm">
2237              <span class="text-[13px]">
2238                <strong class="font-semibold text-slate-900">Ziele und Grundsätze</strong>
2239                
2240                  <span class="text-slate-600"> — Fünf Grundsätze</span>
2241                
2242              </span>
2243              <i class="fa-solid fa-layer-group shrink-0 text-[11px] text-slate-500 transition group-hover:translate-x-0.5 group-hover:text-primary"></i>
2244            </a>
2245          
2246            <a href="/circular-glow-up/themen-und-perspektiven" class="group flex items-center justify-between gap-3 rounded-xl border border-border bg-white px-4 py-3 transform transition-all duration-200 ease-in-out hover:border-primary/40 hover:shadow-sm">
2247              <span class="text-[13px]">
2248                <strong class="font-semibold text-slate-900">Themen und Perspektiven</strong>
2249                
2250                  <span class="text-slate-600"> — Drei Perspektiven</span>
2251                
2252              </span>
2253              <i class="fa-solid fa-layer-group shrink-0 text-[11px] text-slate-500 transition group-hover:translate-x-0.5 group-hover:text-primary"></i>
2254            </a>
2255          
2256            <a href="/circular-glow-up/eureka" class="group flex items-center justify-between gap-3 rounded-xl border border-border bg-white px-4 py-3 transform transition-all duration-200 ease-in-out hover:border-primary/40 hover:shadow-sm">
2257              <span class="text-[13px]">
2258                <strong class="font-semibold text-slate-900">Eureka und internationale Zusammenarbeit</strong>
2259                
2260                  <span class="text-slate-600"> — Internationaler Rahmen</span>
2261                
2262              </span>
2263              <i class="fa-solid fa-earth-europe shrink-0 text-[11px] text-slate-500 transition group-hover:translate-x-0.5 group-hover:text-primary"></i>
2264            </a>
2265          
2266            <a href="https://www.zukunft-der-wertschoepfung.de/bk-circularglowup/" target="_blank" rel="noreferrer" class="group flex items-center justify-between gap-3 rounded-xl border border-border bg-white px-4 py-3 transform transition-all duration-200 ease-in-out hover:border-primary/40 hover:shadow-sm">
2267              <span class="text-[13px]">
2268                <strong class="font-semibold text-slate-900">Förderbekanntmachung und Hintergrund</strong>
2269                
2270                  <span class="text-slate-600"> — Fakten und Kontext</span>
2271                
2272              </span>
2273              <i class="fa-solid fa-file-lines shrink-0 text-[11px] text-slate-500 transition group-hover:translate-x-0.5 group-hover:text-primary"></i>
2274            </a>
2275          
2276        </div>
2277      
2278  </div>
2279</section>
2280
2281
2282
2283
2284
2285
2286
2287
2288
2289
2290
2291
2292
2293
2294
2295
2296
2297
2298
2299
2300
2301
2302
2303
2304
2305
2306
2307
2308
2309
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319    </div>
2320    <div class=" max-w-none">
2321        
2322
2323
2324    
2325
2326
2327    </div>
2328
2329
2330
2331</div>
2332
2333<!--
2334  ────────────────────────────────────────────────────────────────────
2335  FOOTER — redesigned to align with the H2 MSE 2027 design language:
2336    · Hairline borders, soft tinted card surfaces, primary accent on hover
2337    · JetBrains-mono-style uppercase eyebrows + tracked captions
2338    · Refined newsletter card with pill eyebrow + clean input/button
2339    · Social row as round chip buttons (consistent sizing)
2340    · Bottom row: utility links on the left, brand strip on the right
2341  All Fluid logic (f:if / f:for / f:cObject / DGM / nav vars)
2342  + form action URLs + hidden honeypot fields preserved verbatim.
2343  Includes 9 social platforms: linkedin, whatsapp, bluesky, facebook,
2344  twitter/X, instagram, podcast, youtube.
2345  ────────────────────────────────────────────────────────────────────
2346-->
2347<footer class="relative mt-16 w-full border-t border-gray-200 bg-gray-50 md:mt-32">
2348
2349    <!-- Optional brand strip: rootTitle · rootSubtitle -->
2350    
2351        <div class="relative bg-primary-600">
2352            <div class="mx-auto max-w-7xl px-4 py-3 sm:px-6 lg:px-8">
2353                <p class="text-center text-sm font-medium text-white">
2354                    <span class="md:hidden">
2355                        <span class="font-semibold tracking-tight">
2356                            CircularGlowUp
2357                        </span>
2358                        <br>
2359                        <span class="text-xs font-light text-white/85">
2360                            Globale Wertschöpfung kreislauffähig gestalten.
2361                        </span>
2362                    </span>
2363                    <span class="hidden md:inline-flex md:items-center md:gap-3">
2364                        <span class="font-semibold tracking-tight">
2365                            CircularGlowUp
2366                        </span>
2367                        <span class="text-white/40" aria-hidden="true">·</span>
2368                        <span class="font-light text-white/90">
2369                            Globale Wertschöpfung kreislauffähig gestalten.
2370                        </span>
2371                    </span>
2372                </p>
2373            </div>
2374        </div>
2375    
2376
2377    <div class="mx-auto max-w-7xl px-6 py-14 lg:py-20">
2378
2379        <!-- ─── Newsletter card (per site + language) ─────────────── -->
2380        
2381
2382        <!-- ─── Connect with us / Social row ──────────────────────── -->
2383        
2384
2385        <!-- ─── Main navigation grid ──────────────────────────────── -->
2386        <nav class="mt-14 border-t border-gray-200 pt-12" aria-label="Footer">
2387            <ul class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6">
2388                
2389                    <li>
2390                        <a href="/circular-glow-up"
2391                           
2392                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
2393                            CircularGlowUp
2394                        </a>
2395                        <ul class="mt-3 space-y-2.5">
2396                            
2397                                <li>
2398                                    <a href="/circular-glow-up/ziele-und-grundsaetze"
2399                                       
2400                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2401                                        Ziele und Grundsätze
2402                                    </a>
2403                                </li>
2404                            
2405                                <li>
2406                                    <a href="/circular-glow-up/themen-und-perspektiven"
2407                                       
2408                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2409                                        Themen und Perspektiven
2410                                    </a>
2411                                </li>
2412                            
2413                                <li>
2414                                    <a href="/circular-glow-up/eureka"
2415                                       
2416                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2417                                        Eureka &amp; International
2418                                    </a>
2419                                </li>
2420                            
2421                                <li>
2422                                    <a href="https://www.zukunft-der-wertschoepfung.de/bk-circularglowup/"
2423                                        target="_blank" rel="noopener"
2424                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2425                                        Förderbekanntmachung
2426                                    </a>
2427                                </li>
2428                            
2429                        </ul>
2430                    </li>
2431                
2432                    <li>
2433                        <a href="/verbundprojekte"
2434                           
2435                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
2436                            Projekte
2437                        </a>
2438                        <ul class="mt-3 space-y-2.5">
2439                            
2440                                <li>
2441                                    <a href="/verbundprojekte"
2442                                       
2443                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2444                                        Verbundprojekte
2445                                    </a>
2446                                </li>
2447                            
2448                                <li>
2449                                    <a href="/projekte/circle4value"
2450                                       
2451                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2452                                        Circle4Value
2453                                    </a>
2454                                </li>
2455                            
2456                        </ul>
2457                    </li>
2458                
2459                    <li>
2460                        <a href="/themen"
2461                           
2462                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
2463                            Themen
2464                        </a>
2465                        <ul class="mt-3 space-y-2.5">
2466                            
2467                                <li>
2468                                    <a href="/themen/kreislauffaehige-wertschoepfung"
2469                                       
2470                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2471                                        Kreislauffähige Wertschöpfung
2472                                    </a>
2473                                </li>
2474                            
2475                                <li>
2476                                    <a href="/themen/r-strategien"
2477                                       
2478                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2479                                        R-Strategien
2480                                    </a>
2481                                </li>
2482                            
2483                                <li>
2484                                    <a href="/themen/digitale-produktpaesse"
2485                                       
2486                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2487                                        Digitale Produktpässe
2488                                    </a>
2489                                </li>
2490                            
2491                                <li>
2492                                    <a href="/themen/datenoekosysteme-und-ki"
2493                                       
2494                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2495                                        Datenökosysteme und KI
2496                                    </a>
2497                                </li>
2498                            
2499                                <li>
2500                                    <a href="/themen/geschaeftsmodelle-und-services"
2501                                       
2502                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2503                                        Geschäftsmodelle und Services
2504                                    </a>
2505                                </li>
2506                            
2507                                <li>
2508                                    <a href="/themen/kompetenzen-und-wandel"
2509                                       
2510                                       class="block text-sm leading-snug text-gray-600 transition hover:text-primary-700">
2511                                        Kompetenzen und Wandel
2512                                    </a>
2513                                </li>
2514                            
2515                        </ul>
2516                    </li>
2517                
2518                    <li>
2519                        <a href="/transfer"
2520                           
2521                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
2522                            Transfer
2523                        </a>
2524                        <ul class="mt-3 space-y-2.5">
2525                            
2526                        </ul>
2527                    </li>
2528                
2529                    <li>
2530                        <a href="/aktuelles"
2531                           
2532                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
2533                            Aktuelles
2534                        </a>
2535                        <ul class="mt-3 space-y-2.5">
2536                            
2537                        </ul>
2538                    </li>
2539                
2540                    <li>
2541                        <a href="/kontakt"
2542                           
2543                           class="font-mono text-[10px] font-bold uppercase tracking-[0.16em] text-gray-900 transition hover:text-primary-700">
2544                            Kontakt
2545                        </a>
2546                        <ul class="mt-3 space-y-2.5">
2547                            
2548                        </ul>
2549                    </li>
2550                
2551            </ul>
2552        </nav>
2553
2554        <!-- ─── Bottom row: footer menu links ─────────────────────── -->
2555        <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">
2556            
2557                <a href="/fileadmin/DGM/Rechtliches/DGM-AGB-DE.pdf"
2558                   
2559                   class="transition hover:text-primary-700">AGB</a>
2560            
2561                <a href="https://www.dgm.de/de/datenschutzerklaerung"
2562                   
2563                   class="transition hover:text-primary-700">Datenschutzerklärung</a>
2564            
2565                <a href="https://www.dgm.de/de/kartellrechtlicher-hinweis"
2566                   
2567                   class="transition hover:text-primary-700">Kartellrechtlicher Hinweis</a>
2568            
2569                <a href="https://www.dgm.de/de/die-dgm/geschaeftsstelle"
2570                   
2571                   class="transition hover:text-primary-700">Kontakt</a>
2572            
2573                <a href="https://www.dgm.de/de/impressum"
2574                   
2575                   class="transition hover:text-primary-700">Impressum</a>
2576            
2577        </div>
2578
2579    </div>
2580    
2581    
2582        
2583
2584            
2585                    
2585<script language="JavaScript">
2586
2587                        window.appSettings = {appLanguage: 'de'}
2588                    </script>
2588
2589                
2590        
2591
2592    
2593        
2594
2595    
2596    
2597    
2598
2599        
2600                <!-- Matomo -->
2601<script>
2602  var _paq = window._paq = window._paq || [];
2603  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
2604  _paq.push(["disableCookies"]);
2605  _paq.push(['trackPageView']);
2606  _paq.push(['enableLinkTracking']);
2607  (function() {
2608    var u="https://analytics.inventum.de/";
2609    _paq.push(['setTrackerUrl', u+'matomo.php']);
2610    _paq.push(['setSiteId', '6']);
2611    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
2612    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
2613  })();
2614</script>
2614
2615<!-- End Matomo Code -->
2616            
2617
2618
2619    
2620
2621
2622    <!-- End Matomo -->
2623
2624    <!-- 
2624<script language="JavaScript" defer
2625             src="https://cdn.inventum.de/js/public/manifest.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
2625
2626     
2626<script language="JavaScript" defer
2627             src="https://cdn.inventum.de/js/public/vendor.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
2627
2628     
2628<script language="JavaScript" defer
2629             src="https://cdn.inventum.de/js/public/webwidgets_v2.js?hash=238fdi9j3euwnfif439ui23fnd2"></script>
2629
2630 -->
2631    
2631<script defer src="https://cdn.inventum.de/direct-assets/webwidgets/loader.js"></script>
2631
2632
2633
2634    
2635
2636
2637    <!-- ─── Floating "scroll to top" button ───────────────────────────────
2638         Appears after scrolling past 1.5× the viewport height, smoothly returns to
2639         top. Self-contained (inline CSS+JS, no CDN/bundle deploy needed). Uses the
2640         template's dynamic --primary colour (white arrow). Entrance/hover use
2641         motion-mcp linear() springs. Two layers: wrapper = entrance/visibility,
2642         inner button = hover/press, so the spring timings never collide.
2643         NB: inline JS avoids object literals ({key: value}) on purpose — Fluid
2644         parses those as inline arrays and mangles them. -->
2645    <style>
2646        .dgm-scroll-top {
2647            position: fixed;
2648            right: clamp(1rem, 2.5vw, 1.75rem);
2649            bottom: clamp(1rem, 2.5vw, 1.75rem);
2650            z-index: 50;
2651            opacity: 0;
2652            visibility: hidden;
2653            transform: translateY(16px) scale(.8);
2654            transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s;
2655            pointer-events: none;
2656        }
2657        .dgm-scroll-top.is-visible {
2658            opacity: 1;
2659            visibility: visible;
2660            transform: translateY(0) scale(1);
2661            /* motion-mcp spring · bounce .3 · 0.45s perceptual */
2662            transition: opacity .3s ease,
2663                        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),
2664                        visibility 0s;
2665            pointer-events: auto;
2666        }
2667        .dgm-scroll-top__btn {
2668            display: inline-flex;
2669            align-items: center;
2670            justify-content: center;
2671            width: 3rem;
2672            height: 3rem;
2673            padding: 0;
2674            border: 0;
2675            cursor: pointer;
2676            border-radius: 9999px;
2677            color: #fff;
2678            background-color: var(--primary, #00ABE3);
2679            box-shadow: 0 10px 24px -8px rgba(15, 23, 42, .35),
2680                        0 4px 10px -4px rgba(15, 23, 42, .28),
2681                        inset 0 0 0 1px rgba(255, 255, 255, .16);
2682            /* motion-mcp spring · bounce .25 · 0.22s perceptual */
2683            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),
2684                        box-shadow .3s ease,
2685                        background-color .3s ease;
2686            -webkit-tap-highlight-color: transparent;
2687        }
2688        .dgm-scroll-top__btn:hover {
2689            transform: translateY(-3px) scale(1.06);
2690            background-color: color-mix(in oklab, var(--primary, #00ABE3) 90%, #000);
2691            box-shadow: 0 18px 36px -10px rgba(15, 23, 42, .42),
2692                        0 6px 14px -6px rgba(15, 23, 42, .3),
2693                        inset 0 0 0 1px rgba(255, 255, 255, .22);
2694        }
2695        .dgm-scroll-top__btn:active {
2696            transform: scale(.93);
2697            transition: transform .12s ease;
2698        }
2699        .dgm-scroll-top__btn:focus-visible {
2700            outline: none;
2701            box-shadow: 0 0 0 3px #fff,
2702                        0 0 0 6px color-mix(in oklab, var(--primary, #00ABE3) 55%, transparent),
2703                        0 14px 28px -10px rgba(15, 23, 42, .42);
2704        }
2705        .dgm-scroll-top__icon {
2706            font-size: 1.05rem;
2707            line-height: 1;
2708            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);
2709        }
2710        .dgm-scroll-top__btn:hover .dgm-scroll-top__icon {
2711            transform: translateY(-2px);
2712        }
2713        @media (prefers-reduced-motion: reduce) {
2714            .dgm-scroll-top,
2715            .dgm-scroll-top__btn,
2716            .dgm-scroll-top__icon {
2717                transition-duration: .01ms !important;
2718            }
2719        }
2720    </style>
2721    <div id="dgmScrollTop" class="dgm-scroll-top" aria-hidden="true">
2722        <button type="button" class="dgm-scroll-top__btn" aria-label="Nach oben" title="Nach oben">
2723            <i class="fas fa-arrow-up dgm-scroll-top__icon" aria-hidden="true"></i>
2724        </button>
2725    </div>
2726    
2726<script type="text/javascript">
2727        (function () {
2728            var wrap = document.getElementById('dgmScrollTop');
2729            if (!wrap) { return; }
2730            var btn = wrap.querySelector('.dgm-scroll-top__btn');
2731            var docEl = document.documentElement;
2732            var ticking = false;
2733
2734            // Localise the label (static markup defaults to German for the no-JS case).
2735            if ((docEl.getAttribute('lang') || '').toLowerCase().indexOf('en') === 0) {
2736                btn.setAttribute('aria-label', 'Back to top');
2737                btn.setAttribute('title', 'Back to top');
2738            }
2739
2740            function update() {
2741                var y = window.pageYOffset || docEl.scrollTop;
2742                var show = y >= window.innerHeight * 1.5;
2743                wrap.classList.toggle('is-visible', show);
2744                wrap.setAttribute('aria-hidden', show ? 'false' : 'true');
2745                ticking = false;
2746            }
2747
2748            function onScroll() {
2749                if (!ticking) {
2750                    window.requestAnimationFrame(update);
2751                    ticking = true;
2752                }
2753            }
2754
2755            window.addEventListener('scroll', onScroll);
2756            window.addEventListener('resize', onScroll);
2757            update();
2758
2759            btn.addEventListener('click', function () {
2760                var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
2761                if (reduce || !('scrollBehavior' in docEl.style)) {
2762                    window.scrollTo(0, 0);
2763                    return;
2764                }
2765                var prev = docEl.style.scrollBehavior;
2766                docEl.style.scrollBehavior = 'smooth';
2767                window.scrollTo(0, 0);
2768                window.setTimeout(function () { docEl.style.scrollBehavior = prev; }, 900);
2769            });
2770        })();
2771    </script>
2771
2772
2773</footer>
2774
2775<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/jQuery.js?1762933136"></script>
vendor: 1 bytes, line 2775
2775
2776<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/lightbox.min.js?1718886110"></script>
vendor: 1 bytes, line 2776
2776
2777<script src="/_assets/56730f7c12b109a4b91b7021b42662c9/JavaScript/CrmSession.js?1790149703"></script>
vendor: 1 bytes, line 2777
2777
2778<script src="/_assets/8a9c9ad5ec273e16a34d1ff6a0d6f983/Js/revslider.functions.typo3.js?1764908010"></script>
2778
2779
2780
2781</body>
2782</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.