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