1<!doctype html> 2<html lang="de-DE" prefix="og: https://ogp.me/ns#"> 3<head> 4 <base href="https://duemmelgrafik.de/"><!--[if lte IE 6]></base><![endif]--> 5 <meta charset="utf-8"> 6 <title>Infos zu Andreas Dümmel » Dümmel Grafik</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"> 8 <meta name="format-detection" content="telephone=no"> 9 <meta name="theme-color" content="#ffffff"> 10 <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /> 11<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 12<link rel="shortcut icon" href="/favicon.ico" /> 13<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 14<meta name="apple-mobile-web-app-title" content="Dümmel Grafik" /> 15<link rel="manifest" href="/site.webmanifest" /> 16 <meta name="generator" content="Silverstripe CMS 5.4"> 17<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 18<meta name="description" content="Wertvolles Design. Durchdachte Konzepte. Branding und Werbung. Der Netzhautmasseur mit Weitblick. "> 19 20 <link rel="alternate" hreflang="de-de" href="https://duemmelgrafik.de/info" /> 21 22 23<link rel="stylesheet" type="text/css" href="/_resources/vendor/lerni/klaro-cookie-consent/client/dist/klaro.min.css?m=1730990109"> 24<link rel="stylesheet" type="text/css" href="/css/style.css?m=1787318921"> 25<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"> 26<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/css/lightgallery-bundle.min.css"> 27<link rel="stylesheet" type="text/css" href="https://vjs.zencdn.net/8.10.0/video-js.css"> 28</head> 29<body class="page page-info info"> 30 <div class="page-wrapper w-full mx-auto relative pt-[124px] md:pt-[184px]"> 31 32 <header class="header fixed top-0 left-0 w-full z-50 p2y"> 33 <div class="w-full mx-auto relative"> 34 <div class="grid grid-cols-14"> 35 <div class="col-start-2 md:col-start-1 col-span-2 text-center"> 36 <div class="w-10 md:w-12 lg:w-16 md:mx-auto"> 37 <a href="/"> 38 39 <img id="header-logo-image" class="w-full" src="/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg"> 40 41 </a> 42 </div> 43 </div> 44 <div class="col-span-5 sm:col-span-8 content-center hidden md:block"> 45 <div class=""> 46 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 47 48 49 <a class="link font-bold uppercase mr-4" href="/projekte">Projekte</a> 50 51 <a class="current font-bold uppercase mr-4" href="/info">Info</a> 52 53 <a class="link font-bold uppercase mr-4" href="/leistungen">Leistungen</a> 54 55 </div> 56 </div> 57 <div class="col-span-3 sm:col-span-2 content-center hidden md:block"> 58 <div class=""> 59 60 61 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 62 63 <a class="font-bold uppercase" href="mailto:[email protected]" >E-Mail</a> 64 65 66 </div> 67 </div> 68 69 <div class="col-span-8 content-center block md:hidden"> 70 <div class="text-center"> 71 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 72 73 <a class="font-bold uppercase" href="/projekte">Projekte</a> 74 </div> 75 </div> 76 <div class="col-start-12 md:col-start-13 col-span-2 text-center content-center"> 77 <div id="hamburger"> 78 <div class="flex justify-end md:justify-center"> 79 80 <input type="checkbox" class="openSidebarMenu" id="openSidebarMenu"> 81 <label for="openSidebarMenu" class="sidebarIconToggle block relative"> 82 <img class="w-full block" src="/_resources/themes/pa_theme/images/dg_menue_drei_punkte_schwarz.png"> 83 </label> 84 85 <div class="fixed top-0 right-0 w-full h-full z-50 bg-black text-white bg-cover bg-center bg-no-repeat" id="sidebarMenu"> 86 <div class="sidebarMenuWrapper absolute top-0 right-0 h-full w-full p2y"> 87 <div class="grid grid-cols-14"> 88 <div class="col-span-2 col-start-2 sm:col-start-1 text-center"> 89 <div class="w-10 md:w-12 lg:w-16 sm:mx-auto"> 90 <a href="/"> 91 92 <img class="w-full" src="/_resources/themes/pa_theme/images/dg_logo_01_weissundschwarz_0426.svg"> 93 94 </a> 95 </div> 96 </div> 97 <div class="col-span-8 sm:col-span-10 content-center"> 98 99 </div> 100 <div class="col-span-2 sm:col-span-1 text-right content-center"> 101 <div class="inline-block w-[18px] md:w-[20px] lg:w-[22px]"> 102 <img class="w-full" src="/_resources/themes/pa_theme/images/dg_menue_x_weiss.svg"> 103 </div> 104 </div> 105</div> 106 <div class="block md:hidden h-9/10"> 107 <div class="grid grid-cols-14 h-full"> 108 <div class="col-start-2 col-end-14 text-right"> 109 <div class="mt-12"> 110 <ul class="hamburger-main-list"> 111 112 <li class="hamburger-main-item mb-2"> 113 <a class="link text-3xl sm:text-4xl md:text-5xl font-black uppercase text-white" href="/projekte">Projekte</a> 114 </li> 115 116 <li class="hamburger-main-item mb-2"> 117 <a class="link text-3xl sm:text-4xl md:text-5xl font-black uppercase text-white" href="/branding">Branding</a> 118 </li> 119 120 <li class="hamburger-main-item mb-2"> 121 <a class="link text-3xl sm:text-4xl md:text-5xl font-black uppercase text-white" href="/leistungen">Leistungen</a> 122 </li> 123 124 <li class="hamburger-main-item mb-2"> 125 <a class="current text-3xl sm:text-4xl md:text-5xl font-black uppercase text-white" href="/info">Info</a> 126 </li> 127 128 <li class="hamburger-main-item mb-2"> 129 <a class="link text-3xl sm:text-4xl md:text-5xl font-black uppercase text-white" href="/kundenstimmen">Stimmen</a> 130 </li> 131 132 <li class="hamburger-main-item mb-2"> 133 <a class="link text-3xl sm:text-4xl md:text-5xl font-black uppercase text-white" href="/kontakt">Kontakt</a> 134 </li> 135 136</ul> 137 </div> 138 </div> 139 <div class="col-start-2 col-span-6 text-left content-end"> 140 <ul class="hamburger-side-list mb-8"> 141 142 <li class="hamburger-side-item"> 143 <a class="link text-gray-600" href="https://www.instagram.com/duemmelgrafik/">DG Instagram</a> 144 </li> 145 146 <li class="hamburger-side-item"> 147 <a class="link text-gray-600" href="/buecher">Bücher</a> 148 </li> 149 150 <li class="hamburger-side-item"> 151 <a class="link text-gray-600" href="/mimo-und-tim">Mimo + Tim</a> 152 </li> 153 154 <li class="hamburger-side-item"> 155 <a class="link text-gray-600" href="/storcheinander">Storcheinander</a> 156 </li> 157 158 <li class="hamburger-side-item"> 159 <a class="link text-gray-600" href="/fotografie/remstalgeschichten">Remstalgeschichten</a> 160 </li> 161 162</ul> 163 <ul class="hamburger-side-list"> 164 165 <li class="hamburger-side-item"> 166 <a class="link text-gray-600" href="/impressum">Impressum</a> 167 </li> 168 169 <li class="hamburger-side-item"> 170 <a class="link text-gray-600" href="/datenschutz">Datenschutz</a> 171 </li> 172 173</ul> 174 </div> 175 <div class="col-span-6 col-end-14 text-right content-end"> 176 <ul class="hamburger-side-list"> 177 178 <li class="hamburger-side-item"> 179 <a class="link text-white" href="/branding">Branding</a> 180 </li> 181 182 <li class="hamburger-side-item"> 183 <a class="link text-white" href="/poster-und-anzeigen">Poster und Anzeigen</a> 184 </li> 185 186 <li class="hamburger-side-item"> 187 <a class="link text-white" href="/broschueren-und-flyer">Broschüre und Flyer</a> 188 </li> 189 190 <li class="hamburger-side-item"> 191 <a class="link text-white" href="/social-media-content">Social</a> 192 </li> 193 194 <li class="hamburger-side-item"> 195 <a class="link text-white" href="/fotografie">Fotografie</a> 196 </li> 197 198 <li class="hamburger-side-item"> 199 <a class="link text-white" href="/verpackung">Verpackung</a> 200 </li> 201 202 <li class="hamburger-side-item"> 203 <a class="link text-white" href="/website">Website</a> 204 </li> 205 206 <li class="hamburger-side-item"> 207 <a class="link text-white" href="/logodesign">Logo</a> 208 </li> 209 210 <li class="hamburger-side-item"> 211 <a class="link text-white" href="/illustration">Illustration</a> 212 </li> 213 214 <li class="hamburger-side-item"> 215 <a class="link text-white" href="/eventdesign">Event</a> 216 </li> 217 218 <li class="hamburger-side-item"> 219 <a class="link text-white" href="/farbwelt">Farbwelt</a> 220 </li> 221 222</ul> 223 </div> 224 </div> 225</div> 226 227 <div class="hidden md:block"> 228 <div class="grid grid-cols-14"> 229 <div class="col-start-2 col-span-6 text-right"> 230 <div class="mt-12"> 231 <ul class="hamburger-side-list mb-8"> 232 233 <li class="hamburger-side-item"> 234 <a class="link text-white" href="/branding">Branding</a> 235 </li> 236 237 <li class="hamburger-side-item"> 238 <a class="link text-white" href="/poster-und-anzeigen">Poster und Anzeigen</a> 239 </li> 240 241 <li class="hamburger-side-item"> 242 <a class="link text-white" href="/broschueren-und-flyer">Broschüre und Flyer</a> 243 </li> 244 245 <li class="hamburger-side-item"> 246 <a class="link text-white" href="/social-media-content">Social</a> 247 </li> 248 249 <li class="hamburger-side-item"> 250 <a class="link text-white" href="/fotografie">Fotografie</a> 251 </li> 252 253 <li class="hamburger-side-item"> 254 <a class="link text-white" href="/verpackung">Verpackung</a> 255 </li> 256 257 <li class="hamburger-side-item"> 258 <a class="link text-white" href="/website">Website</a> 259 </li> 260 261 <li class="hamburger-side-item"> 262 <a class="link text-white" href="/logodesign">Logo</a> 263 </li> 264 265 <li class="hamburger-side-item"> 266 <a class="link text-white" href="/illustration">Illustration</a> 267 </li> 268 269 <li class="hamburger-side-item"> 270 <a class="link text-white" href="/eventdesign">Event</a> 271 </li> 272 273 <li class="hamburger-side-item"> 274 <a class="link text-white" href="/farbwelt">Farbwelt</a> 275 </li> 276 277</ul> 278 <ul class="hamburger-side-list"> 279 280 <li class="hamburger-side-item"> 281 <a class="link text-gray-600" href="https://www.instagram.com/duemmelgrafik/">DG Instagram</a> 282 </li> 283 284 <li class="hamburger-side-item"> 285 <a class="link text-gray-600" href="/buecher">Bücher</a> 286 </li> 287 288 <li class="hamburger-side-item"> 289 <a class="link text-gray-600" href="/mimo-und-tim">Mimo + Tim</a> 290 </li> 291 292 <li class="hamburger-side-item"> 293 <a class="link text-gray-600" href="/storcheinander">Storcheinander</a> 294 </li> 295 296 <li class="hamburger-side-item"> 297 <a class="link text-gray-600" href="/fotografie/remstalgeschichten">Remstalgeschichten</a> 298 </li> 299 300</ul> 301 <ul class="hamburger-side-list"> 302 303 <li class="hamburger-side-item"> 304 <a class="link text-gray-600" href="/impressum">Impressum</a> 305 </li> 306 307 <li class="hamburger-side-item"> 308 <a class="link text-gray-600" href="/datenschutz">Datenschutz</a> 309 </li> 310 311</ul> 312 </div> 313 </div> 314 <div class="col-span-5 col-end-14 text-right"> 315 <div class="mt-12"> 316 <ul class="hamburger-main-list"> 317 318 <li class="hamburger-main-item mb-4"> 319 <a class="link text-5xl font-black uppercase text-white" href="/projekte">Projekte</a> 320 </li> 321 322 <li class="hamburger-main-item mb-4"> 323 <a class="link text-5xl font-black uppercase text-white" href="/branding">Branding</a> 324 </li> 325 326 <li class="hamburger-main-item mb-4"> 327 <a class="link text-5xl font-black uppercase text-white" href="/leistungen">Leistungen</a> 328 </li> 329 330 <li class="hamburger-main-item mb-4"> 331 <a class="current text-5xl font-black uppercase text-white" href="/info">Info</a> 332 </li> 333 334 <li class="hamburger-main-item mb-4"> 335 <a class="link text-5xl font-black uppercase text-white" href="/kundenstimmen">Stimmen</a> 336 </li> 337 338 <li class="hamburger-main-item mb-4"> 339 <a class="link text-5xl font-black uppercase text-white" href="/kontakt">Kontakt</a> 340 </li> 341 342</ul> 343 </div> 344 </div> 345 </div> 346</div> 347 </div> 348 </div> 349 </div> 350</div> 351 352 </div> 353 </div> 354 </div> 355</header> 356 357 <main class="main"> 358 359 360 <div class="element m1b pls__website__elements__elementswiper" id="e85"> 361 <div class="grid grid-cols-14 relative m2b-swiper"> 362 <div class="col-start-2 col-end-14 overflow-hidden "> 363 364<div class="swiper relative " id="swiper-85"> 365 366 <div class="swiper-wrapper"> 367 368 369 370 <div class="swiper-slide" data-change-logo="0"> 371 372 <picture> 373 374 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_bilder_augenball_pfeile_gruen_02.jpg" alt="dg info slide bilder augenball pfeile gruen 02" draggable="false"> 375 </picture> 376 377 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 378 <div class="w-full h-full mx-auto relative"> 379 380 <div class="grid grid-cols-12"> 381 <div class="col-start-1 col-end-12 sm:col-start-2"> 382 383 <div class="content"> 384 385 386 387 388 389 390</div> 391 392 393 </div> 394 </div> 395 396 </div> 397 </div> 398</div> 399 400 401 </div> 402 403 404 405 406</div> 407 408 </div> 409 410 411</div> 412 413 414 415</div> 416 417 418 <div class="element m1b pls__website__elements__elementbasecontent" id="e8"> 419 <div class="grid grid-cols-14"> 420 <div class="col-start-2 col-end-14 sm:col-start-3 sm:col-end-13 "> 421 <div class="content"> 422 423 <div class="m2b"> 424 <h3>A N D R E A S D à M M E L</h3> 425 </div> 426 427 428 <div class="text-format-1 m1b text-black"> 429 430 <h2><p>NETZHAUT-<br>MASSEUR.</p></h2> 431 432 </div> 433 434 435 <div class="text-format-2 m2b"> 436 <h4><p>Ich schaffe wertvolle Identitäten durch eine hochwertige Darstellung von Inhalten und ansprechendes, innovatives Design. Mit individueller Gestaltung und klarer Botschaft, entwickle ich Futter für die Augen und fürâs Gehirn! Nicht ânurâ schönes Design, sondern immer das groÃe Ganze im Visier â noch bevor es überhaupt da ist! Für anspruchsvolle, dynamische und langfristig funktionierende Ergebnisse. Bodenständig im Kern. Abgehoben, wo es Sinn macht. Ãsthetische Lösungen, wertvolle Identitäten und emotionale Werbung. Auftritte und Produkte die positiv wahrgenommen werde
436n und nachhaltig wirken.</p></h4> 437 </div> 438 439 440 441 <div class="content-links"> 442 <ul class="flex flex-wrap items-center"> 443 444 <li class="mr-4"> 445 <a 446 class="block uppercase font-bold" 447 href="/kundenstimmen" 448 449 > 450 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 451 452 <span class="inline-block">Kundenstimmen</span> 453 </a> 454 </li> 455 456 <li class="mr-4"> 457 <a 458 class="block uppercase font-bold" 459 href="/branding" 460 461 > 462 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 463 464 <span class="inline-block">Branding</span> 465 </a> 466 </li> 467 468 </ul> 469 </div> 470 471 472</div> 473 474 </div> 475</div> 476</div> 477 478 479 <div class="element m1b pls__website__elements__elementswiper" id="e264"> 480 <div class="grid grid-cols-14 relative m2b-swiper"> 481 <div class="col-start-2 col-end-14 overflow-hidden "> 482 483<div class="swiper relative " id="swiper-264"> 484 485 <div class="swiper-wrapper"> 486 487 488 489 <div class="swiper-slide" data-change-logo="0"> 490 491 <picture> 492 493 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_bilder_sw_gehirn_mit_typo_c_gruen.jpg" alt="dg info slide bilder sw gehirn mit typo c gruen" draggable="false"> 494 </picture> 495 496 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 497 <div class="w-full h-full mx-auto relative"> 498 499 <div class="grid grid-cols-12"> 500 <div class="col-start-1 col-end-12 sm:col-start-2"> 501 502 <div class="content"> 503 504 505 506 507 508 509</div> 510 511 512 </div> 513 </div> 514 515 </div> 516 </div> 517</div> 518 519 520 </div> 521 522 523 524 525</div> 526 527 </div> 528 529 530</div> 531 532 533 534</div> 535 536 537 <div class="element m1b pls__website__elements__elementbasecontent" id="e266"> 538 <div class="grid grid-cols-14"> 539 <div class="col-start-2 col-end-14 sm:col-start-3 sm:col-end-13 "> 540 <div class="content"> 541 542 543 544 <div class="text-format-2 m2b"> 545 <h4>Werden Sie wertvoll.</h4> 546 </div> 547 548 549 <div class="m2b"> 550 <p>Mit einem stimmigen Auftritt und einer starken Wirkung nach auÃen schaffen Sie positive Gefühle bei Ihrer Zielgruppe â ein stabiles Fundament, um Ihr Unternehmen und Ihre Produkte voranzubringen. Durchdachte Konzepte, besonderes Design und ansprechende Fotografie machen Lust auf Marken und Produkte. So entsteht eine kraftvolle Positionierung, die Emotionen hervorruft.</p> 551 </div> 552 553 554 555</div> 556 557 </div> 558</div> 559</div> 560 561 562 <div class="element m1b pls__website__elements__elementswiper" id="e265"> 563 <div class="grid grid-cols-14 relative m2b-swiper"> 564 <div class="col-start-2 col-end-14 overflow-hidden "> 565 566<div class="swiper relative " id="swiper-265"> 567 568 <div class="swiper-wrapper"> 569 570 571 572 <div class="swiper-slide" data-change-logo="0"> 573 574 <picture> 575 576 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_bilder_sw_herz_emotionen_a_gruen.jpg" alt="dg info slide bilder sw herz emotionen a gruen" draggable="false"> 577 </picture> 578 579 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 580 <div class="w-full h-full mx-auto relative"> 581 582 <div class="grid grid-cols-12"> 583 <div class="col-start-1 col-end-12 sm:col-start-2"> 584 585 <div class="content"> 586 587 588 589 590 591 592</div> 593 594 595 </div> 596 </div> 597 598 </div> 599 </div> 600</div> 601 602 603 </div> 604 605 606 607 608</div> 609 610 </div> 611 612 613</div> 614 615 616 617</div> 618 619 620 <div class="element m1b pls__website__elements__elementbasecontent" id="e89"> 621 <div class="grid grid-cols-14"> 622 <div class="col-start-2 col-end-14 sm:col-start-3 sm:col-end-13 "> 623 <div class="content"> 624 625 626 627 <div class="text-format-2 m2b"> 628 <h4>Anders.</h4> 629 </div> 630 631 632 <div class="m2b"> 633 <p>Erwarten Sie ehrliche Beratung. Kein Honig um den Mund. Kein âeinfach mal irgendwas machenâ. Gemeinsam richten wir den Blick auf Ihre Zielgruppe â und machen es richtig. Offen. Für das beste Ergebnis. Mit dem Ziel, etwas Bedeutendes für Ihr Unternehmen zu erschaffen. Viel mehr als ânurâ Design: eine wertvolle, umfassende Lösung mit Weitblick.</p> 634 </div> 635 636 637 638</div> 639 640 </div> 641</div> 642</div> 643 644 645 <div class="element m1b pls__website__elements__elementswiper" id="e316"> 646 <div class="grid grid-cols-14 relative m2b-swiper"> 647 <div class="col-start-2 col-end-14 overflow-hidden "> 648 649<div class="swiper relative " id="swiper-316"> 650 651 <div class="swiper-wrapper"> 652 653 654 655 <div class="swiper-slide" data-change-logo="0"> 656 657 <picture> 658 659 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_bilder_sw_sie_bekommen_nicht_b_gruen.jpg" alt="dg info slide bilder sw sie bekommen nicht b gruen" draggable="false"> 660 </picture> 661 662 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 663 <div class="w-full h-full mx-auto relative"> 664 665 <div class="grid grid-cols-12"> 666 <div class="col-start-1 col-end-12 sm:col-start-2"> 667 668 <div class="content"> 669 670 671 672 673 674 675</div> 676 677 678 </div> 679 </div> 680 681 </div> 682 </div> 683</div> 684 685 686 </div> 687 688 689 690 691</div> 692 693 </div> 694 695 696</div> 697 698 699 700</div> 701 702 703 <div class="element m1b pls__website__elements__elementbasecontent" id="e27"> 704 <div class="grid grid-cols-14"> 705 <div class="col-start-2 col-end-14 sm:col-start-3 sm:col-end-13 "> 706 <div class="content"> 707 708 709 710 <div class="text-format-2 m2b"> 711 <h4>Die âAllzweckwaffeâ für Ihren Auftritt!</h4> 712 </div> 713 714 715 <div class="m2b"> 716 <p>
716Beratung. Branding. FotoÂgrafie. Webkonzept- und Design. BroschürenÂdesign. EtikettenÂgeÂstaltung. LogoÂentwicklung. PlakatÂdesign. AnzeigenÂentÂwicklung. BannerÂwerbung. Illustration und Grafiken. Social Media Content. SchauÂfensterÂgestaltung. FahrÂzeugÂgestaltung. ImageÂmotive. BriefÂbogen und VisitenÂkarten. Comics. VerpackungsÂdesign. FlyerentÂwicklung. App-Design. BeÂschilderung. Visuals und Grafiken. VerÂanstaltungsÂdesign. â¦</p> 717 </div> 718 719 720 721</div> 722 723 </div> 724</div> 725</div> 726 727 728 <div class="element m1b pls__website__elements__elementswiper" id="e86"> 729 <div class="grid grid-cols-14 relative m2b-swiper"> 730 <div class="col-start-2 col-end-14 overflow-hidden "> 731 732<div class="swiper relative " id="swiper-86"> 733 734 <div class="swiper-wrapper"> 735 736 737 738 <div class="swiper-slide" data-change-logo="0"> 739 740 <picture> 741 742 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_bilder_allzweck_flat_vielfalt_gruen_02.jpg" alt="dg info slide bilder allzweck flat vielfalt gruen 02" draggable="false"> 743 </picture> 744 745 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 746 <div class="w-full h-full mx-auto relative"> 747 748 <div class="grid grid-cols-12"> 749 <div class="col-start-1 col-end-12 sm:col-start-2"> 750 751 <div class="content"> 752 753 754 755 756 757 758</div> 759 760 761 </div> 762 </div> 763 764 </div> 765 </div> 766</div> 767 768 769 </div> 770 771 772 773 774</div> 775 776 </div> 777 778 779</div> 780 781 782 783</div> 784 785 786 <div class="element m1b pls__website__elements__elementbasecontent" id="e488"> 787 <div class="grid grid-cols-14"> 788 <div class="col-start-2 col-end-14 sm:col-start-3 sm:col-end-13 "> 789 <div class="content"> 790 791 792 <div class="text-format-1 m1b text-black"> 793 794 <h2>WENN SIE ES RICHTIG MACHEN MÃCHTEN, KANN ICH HELFEN!</h2> 795 796 </div> 797 798 799 800 801 <div class="content-links"> 802 <ul class="flex flex-wrap items-center"> 803 804 <li class="mr-4"> 805 <a 806 class="block uppercase font-bold" 807 href="mailto:[email protected]" 808 809 > 810 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 811 812 <span class="inline-block">E-Mail</span> 813 </a> 814 </li> 815 816 </ul> 817 </div> 818 819 820</div> 821 822 </div> 823</div> 824</div> 825 826 827 <div class="element m1b pls__website__elements__elementswiper" id="e78"> 828 <div class="grid grid-cols-14 relative m2b-swiper"> 829 <div class="col-start-2 col-end-14 overflow-hidden "> 830 831<div class="swiper relative " id="swiper-78"> 832 833 <div class="swiper-wrapper"> 834 835 836 837 <div class="swiper-slide" data-change-logo="0"> 838 839 <picture> 840 841 <img class="w-full protected-image" src="/assets/Uploads/dg_birkenwaeldle_branding_motiv_kuehlschrank.jpg" alt="dg birkenwaeldle branding motiv kuehlschrank" draggable="false"> 842 </picture> 843 844 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 845 <div class="w-full h-full mx-auto relative"> 846 847 <div class="grid grid-cols-12"> 848 <div class="col-start-1 col-end-12 sm:col-start-2"> 849 850 <div class="content"> 851 852 853 854 855 856 857</div> 858 859 860 </div> 861 </div> 862 863 </div> 864 </div> 865</div> 866 867 868 869 <div class="swiper-slide" data-change-logo="0"> 870 871 <picture> 872 873 <img class="w-full protected-image" src="/assets/Uploads/dg_impress_1227_gegen_scheiss_werbung_b.jpg" alt="dg impress 1227 gegen sc
873heiss werbung b" draggable="false"> 874 </picture> 875 876 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 877 <div class="w-full h-full mx-auto relative"> 878 879 <div class="grid grid-cols-12"> 880 <div class="col-start-1 col-end-12 sm:col-start-2"> 881 882 <div class="content"> 883 884 885 886 887 888 889</div> 890 891 892 </div> 893 </div> 894 895 </div> 896 </div> 897</div> 898 899 900 901 <div class="swiper-slide" data-change-logo="0"> 902 903 <picture> 904 905 <img class="w-full protected-image" src="/assets/Uploads/dg_mbk_branding_banner_outdoor_nah.jpg" alt="dg mbk branding banner outdoor nah" draggable="false"> 906 </picture> 907 908 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 909 <div class="w-full h-full mx-auto relative"> 910 911 <div class="grid grid-cols-12"> 912 <div class="col-start-1 col-end-12 sm:col-start-2"> 913 914 <div class="content"> 915 916 917 918 919 920 921</div> 922 923 924 </div> 925 </div> 926 927 </div> 928 </div> 929</div> 930 931 932 933 <div class="swiper-slide" data-change-logo="0"> 934 935 <picture> 936 937 <img class="w-full protected-image" src="/assets/Uploads/dg_impress_1227_remstalgeschichten.jpg" alt="dg impress 1227 remstalgeschichten" draggable="false"> 938 </picture> 939 940 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 941 <div class="w-full h-full mx-auto relative"> 942 943 <div class="grid grid-cols-12"> 944 <div class="col-start-1 col-end-12 sm:col-start-2"> 945 946 <div class="content"> 947 948 949 950 951 952 953</div> 954 955 956 </div> 957 </div> 958 959 </div> 960 </div> 961</div> 962 963 964 965 <div class="swiper-slide" data-change-logo="0"> 966 967 <picture> 968 969 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_leitmotiv_kisalon_karte.jpg" alt="dg leistungen slide leitmotiv kisalon karte" draggable="false"> 970 </picture> 971 972 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 973 <div class="w-full h-full mx-auto relative"> 974 975 <div class="grid grid-cols-12"> 976 <div class="col-start-1 col-end-12 sm:col-start-2"> 977 978 <div class="content"> 979 980 981 982 983 984 985</div> 986 987 988 </div> 989 </div> 990 991 </div> 992 </div> 993</div> 994 995 996 997 <div class="swiper-slide" data-change-logo="0"> 998 999 <picture> 1000 1001 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_foto_gineugen.jpg" alt="dg leistungen slide foto gineugen" draggable="false"> 1002 </picture> 1003 1004 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1005 <div class="w-full h-full mx-auto relative"> 1006 1007 <div class="grid grid-cols-12"> 1008 <div class="col-start-1 col-end-12 sm:col-start-2"> 1009 1010 <div class="content"> 1011 1012 1013 1014 1015 1016 1017</div> 1018 1019 1020 </div> 1021 </div> 1022 1023 </div> 1024 </div> 1025</div> 1026 1027 1028 1029 <div class="swiper-slide" data-change-logo="0"> 1030 1031 <picture> 1032 1033 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_franziska_schoenung_branding_logoundbildkacheln.webp" alt="dg franziska schoenung branding logoundbildkacheln" draggable="false"> 1034 </picture> 1035 1036 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1037 <div class="w-full h-full mx-auto relative"> 1038 1039 <div class="grid grid-cols-12"> 1040 <div class="col-start-1 col-end-12 sm:col-start-2"> 1041 1042 <div class="content"> 1043 1044 1045 1046 1047 1048 1049</div> 1050 1051 1052 </div> 1053 </div> 1054 1055 </div> 1056 </div> 1057</div> 1058 1059 1060 1061 <div class="swiper-slide" data-change-logo="0"> 1062 1063 <picture> 1064 1065 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_kleckslogo.jpg" alt="dg info slide intro kleckslogo" draggable="false"> 1066 </picture> 1067 1068 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1069 <div class="w-full h-full mx-auto relative"> 1070 1071 <div class="grid grid-cols-12"> 1072 <div class="col-start-1 col-end-12 sm:col-start-2"> 1073 1074 <div class="content"> 1075 1076 1077 1078 1079 1080 1081</div> 1082 1083 1084 </div> 1085 </div> 1086 1087 </div> 1088 </div> 1089</div> 1090 1091 1092 1093 <div class="swiper-slide" data-change-logo="0"> 1094 1095 <picture> 1096 1097 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_schlegel_branding_brosch_sessel.jpg" alt="dg schlegel branding brosch sessel" draggable="false"> 1098 </picture> 1099 1100 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1101 <div class="w-full h-full mx-auto relative"> 1102 1103 <div class="grid grid-cols-12"> 1104 <div class="col-start-1 col-end-12 sm:col-start-2"> 1105 1106 <div class="content"> 1107 1108 1109 1110 1111 1112 1113</div> 1114 1115 1116 </div> 1117 </div> 1118 1119 </div> 1120 </div> 1121</div> 1122 1123 1124 1125 <div class="swiper-slide" data-change-logo="0"> 1126 1127 <picture> 1128 1129 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_verpack_71.jpg" alt="dg leistungen slide verpack 71" draggable="false"> 1130 </picture> 1131 1132 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1133 <div class="w-full h-full mx-auto relative"> 1134 1135 <div class="grid grid-cols-12"> 1136 <div class="col-start-1 col-end-12 sm:col-start-2"> 1137 1138 <div class="content"> 1139 1140 1141 1142 1143 1144 1145</div> 1146 1147 1148 </div> 1149 </div> 1150 1151 </div> 1152 </div> 1153</div> 1154 1155 1156 1157 <div class="swiper-slide" data-change-logo="0"> 1158 1159 <picture> 1160 1161 <img class="w-full protected-image" src="/assets/Uploads/dg_applebooks_coronis_bild_b.jpg" alt="dg applebooks coronis bild b" draggable="false"> 1162 </picture> 1163 1164 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1165 <div class="w-full h-full mx-auto relative"> 1166 1167 <div class="grid grid-cols-12"> 1168 <div class="col-start-1 col-end-12 sm:col-start-2"> 1169 1170 <div class="content"> 1171 1172 1173 1174 1175 1176 1177</div> 1178 1179 1180 </div> 1181 </div> 1182 1183 </div> 1184 </div> 1185</div> 1186 1187 1188 1189 <div class="swiper-slide" data-change-logo="0"> 1190 1191 <picture> 1192 1193 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_linien.jpg" alt="dg info slide intro linien" draggable="false"> 1194 </picture> 1195 1196 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1197 <div class="w-full h-full mx-auto relative"> 1198 1199 <div class="grid grid-cols-12"> 1200 <div class="col-start-1 col-end-12 sm:col-start-2"> 1201 1202 <div class="content"> 1203 1204 1205 1206 1207 1208 1209</div> 1210 1211 1212 </div> 1213 </div> 1214 1215 </div> 1216 </div> 1217</div> 1218 1219 1220 1221 <div class="swiper-slide" data-change-logo="0"> 1222 1223 <picture> 1224 1225 <img class="w-full protected-image" src="/assets/Uploads/dg_tiefbau_beratung_branding_logo_auf_petrol.webp" alt="dg tiefbau beratung branding logo auf petrol" draggable="false"> 1226 </picture> 1227 1228 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1229 <div class="w-full h-full mx-auto relative"> 1230 1231 <div class="grid grid-cols-12"> 1232 <div class="col-start-1 col-end-12 sm:col-start-2"> 1233 1234 <div class="content"> 1235 1236 1237 1238 1239 1240 1241</div> 1242 1243 1244 </div> 1245 </div> 1246 1247 </div> 1248 </div> 1249</div> 1250 1251 1252 1253 <div class="swiper-slide" data-change-logo="0"> 1254 1255 <picture> 1256 1257 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_lava.jpg" alt="dg info slide intro lava" draggable="false"> 1258 </picture> 1259 1260 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1261 <div class="w-full h-full mx-auto relative"> 1262 1263 <div class="grid grid-cols-12"> 1264 <div class="col-start-1 col-end-12 sm:col-start-2"> 1265 1266 <div class="content"> 1267 1268 1269 1270 1271 1272 1273</div> 1274 1275 1276 </div> 1277 </div> 1278 1279 </div> 1280 </div> 1281</div> 1282 1283 1284 1285 <div class="swiper-slide" data-change-logo="0"> 1286 1287 <picture> 1288 1289 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_poster_bilderrausch.jpg" alt="dg leistungen slide poster bilderrausch" draggable="false"> 1290 </picture> 1291 1292 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1293 <div class="w-full h-full mx-auto relative"> 1294 1295 <div class="grid grid-cols-12"> 1296 <div class="col-start-1 col-end-12 sm:col-start-2"> 1297 1298 <div class="content"> 1299 1300 1301 1302 1303 1304 1305</div> 1306 1307 1308 </div> 1309 </div> 1310 1311 </div> 1312 </div> 1313</div> 1314 1315 1316 1317 <div class="swiper-slide" data-change-logo="0"> 1318 1319 <picture> 1320 1321 <img class="w-full protected-image" src="/assets/Uploads/dg_stummer_brosch_foto_02.jpg" alt="dg stummer brosch foto 02" draggable="false"> 1322 </picture> 1323 1324 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1325 <div class="w-full h-full mx-auto relative"> 1326 1327 <div class="grid grid-cols-12"> 1328 <div class="col-start-1 col-end-12 sm:col-start-2"> 1329 1330 <div class="content"> 1331 1332 1333 1334 1335 1336 1337</div> 1338 1339 1340 </div> 1341 </div> 1342 1343 </div> 1344 </div> 1345</div> 1346 1347 1348 1349 <div class="swiper-slide" data-change-logo="0"> 1350 1351 <picture> 1352 1353 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_kamera.jpg" alt="dg info slide intro kamera" draggable="false"> 1354 </picture> 1355 1356 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1357 <div class="w-full h-full mx-auto relative"> 1358 1359 <div class="grid grid-cols-12"> 1360 <div class="col-start-1 col-end-12 sm:col-start-2"> 1361 1362 <div class="content"> 1363 1364 1365 1366 1367 1368 1369</div> 1370 1371 1372 </div> 1373 </div> 1374 1375 </div> 1376 </div> 1377</div> 1378 1379 1380 1381 <div class="swiper-slide" data-change-logo="0"> 1382 1383 <picture> 1384 1385 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_verpack_kinderseife.jpg" alt="dg leistungen slide verpack kinderseife" draggable="false"> 1386 </picture> 1387 1388 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1389 <div class="w-full h-full mx-auto relative"> 1390 1391 <div class="grid grid-cols-12"> 1392 <div class="col-start-1 col-end-12 sm:col-start-2"> 1393 1394 <div class="content"> 1395 1396 1397 1398 1399 1400 1401</div> 1402 1403 1404 </div> 1405 </div> 1406 1407 </div> 1408 </div> 1409</div> 1410 1411 1412 1413 <div class="swiper-slide" data-change-logo="0"> 1414 1415 <picture> 1416 1417 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_illu_totenkopf.jpg" alt="dg leistungen slide illu totenkopf" draggable="false"> 1418 </picture> 1419 1420 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1421 <div class="w-full h-full mx-auto relative"> 1422 1423 <div class="grid grid-cols-12"> 1424 <div class="col-start-1 col-end-12 sm:col-start-2"> 1425 1426 <div class="content"> 1427 1428 1429 1430 1431 1432 1433</div> 1434 1435 1436 </div> 1437 </div> 1438 1439 </div> 1440 </div> 1441</div> 1442 1443 1444 1445 <div class="swiper-slide" data-change-logo="0"> 1446 1447 <picture> 1448 1449 <img class="w-full protected-image" src="/assets/Uploads/Projects/Thumbnail/dg_teneria_branding_brosch_d_nah.jpg" alt="dg teneria branding brosch d nah" draggable="false"> 1450 </picture> 1451 1452 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1453 <div class="w-full h-full mx-auto relative"> 1454 1455 <div class="grid grid-cols-12"> 1456 <div class="col-start-1 col-end-12 sm:col-start-2"> 1457 1458 <div class="content"> 1459 1460 1461 1462 1463 1464 1465</div> 1466 1467 1468 </div> 1469 </div> 1470 1471 </div> 1472 </div> 1473</div> 1474 1475 1476 1477 <div class="swiper-slide" data-change-logo="0"> 1478 1479 <picture> 1480 1481 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_verpack_weinbund.jpg" alt="dg leistungen slide verpack weinbund" draggable="false"> 1482 </picture> 1483 1484 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1485 <div class="w-full h-full mx-auto relative"> 1486 1487 <div class="grid grid-cols-12"> 1488 <div class="col-start-1 col-end-12 sm:col-start-2"> 1489
1489 1490 <div class="content"> 1491 1492 1493 1494 1495 1496 1497</div> 1498 1499 1500 </div> 1501 </div> 1502 1503 </div> 1504 </div> 1505</div> 1506 1507 1508 1509 <div class="swiper-slide" data-change-logo="0"> 1510 1511 <picture> 1512 1513 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_peace.jpg" alt="dg info slide intro peace" draggable="false"> 1514 </picture> 1515 1516 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1517 <div class="w-full h-full mx-auto relative"> 1518 1519 <div class="grid grid-cols-12"> 1520 <div class="col-start-1 col-end-12 sm:col-start-2"> 1521 1522 <div class="content"> 1523 1524 1525 1526 1527 1528 1529</div> 1530 1531 1532 </div> 1533 </div> 1534 1535 </div> 1536 </div> 1537</div> 1538 1539 1540 1541 <div class="swiper-slide" data-change-logo="0"> 1542 1543 <picture> 1544 1545 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_pulsgrafik.jpg" alt="dg info slide intro pulsgrafik" draggable="false"> 1546 </picture> 1547 1548 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1549 <div class="w-full h-full mx-auto relative"> 1550 1551 <div class="grid grid-cols-12"> 1552 <div class="col-start-1 col-end-12 sm:col-start-2"> 1553 1554 <div class="content"> 1555 1556 1557 1558 1559 1560 1561</div> 1562 1563 1564 </div> 1565 </div> 1566 1567 </div> 1568 </div> 1569</div> 1570 1571 1572 1573 <div class="swiper-slide" data-change-logo="0"> 1574 1575 <picture> 1576 1577 <img class="w-full protected-image" src="/assets/Uploads/dg_ki_salon_social_3er.jpg" alt="dg ki salon social 3er" draggable="false"> 1578 </picture> 1579 1580 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1581 <div class="w-full h-full mx-auto relative"> 1582 1583 <div class="grid grid-cols-12"> 1584 <div class="col-start-1 col-end-12 sm:col-start-2"> 1585 1586 <div class="content"> 1587 1588 1589 1590 1591 1592 1593</div> 1594 1595 1596 </div> 1597 </div> 1598 1599 </div> 1600 </div> 1601</div> 1602 1603 1604 1605 <div class="swiper-slide" data-change-logo="0"> 1606 1607 <picture> 1608 1609 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_pfeile_crash.jpg" alt="dg info slide intro pfeile crash" draggable="false"> 1610 </picture> 1611 1612 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1613 <div class="w-full h-full mx-auto relative"> 1614 1615 <div class="grid grid-cols-12"> 1616 <div class="col-start-1 col-end-12 sm:col-start-2"> 1617 1618 <div class="content"> 1619 1620 1621 1622 1623 1624 1625</div> 1626 1627 1628 </div> 1629 </div> 1630 1631 </div> 1632 </div> 1633</div> 1634 1635 1636 1637 <div class="swiper-slide" data-change-logo="0"> 1638 1639 <picture> 1640 1641 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_hailo_web_10.jpg" alt="dg hailo web 10" draggable="false"> 1642 </picture> 1643 1644 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1645 <div class="w-full h-full mx-auto relative"> 1646 1647 <div class="grid grid-cols-12"> 1648 <div class="col-start-1 col-end-12 sm:col-start-2"> 1649 1650 <div class="content"> 1651 1652 1653 1654 1655 1656 1657</div> 1658 1659 1660 </div> 1661 </div> 1662 1663 </div> 1664 </div> 1665</div> 1666 1667 1668 1669 <div class="swiper-slide" data-change-logo="0"> 1670 1671 <picture> 1672 1673 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_foto_teneria.jpg" alt="dg leistungen slide foto teneria" draggable="false"> 1674 </picture> 1675 1676 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1677 <div class="w-full h-full mx-auto relative"> 1678 1679 <div class="grid grid-cols-12"> 1680 <div class="col-start-1 col-end-12 sm:col-start-2"> 1681 1682 <div class="content"> 1683 1684 1685 1686 1687 1688 1689</div> 1690 1691 1692 </div> 1693 </div> 1694 1695 </div> 1696 </div> 1697</div> 1698 1699 1700 1701 <div class="swiper-slide" data-change-logo="0"> 1702 1703 <picture> 1704 1705 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_pfeile.jpg" alt="dg info slide intro pfeile" draggable="false"> 1706 </picture> 1707 1708 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1709 <div class="w-full h-full mx-auto relative"> 1710 1711 <div class="grid grid-cols-12"> 1712 <div class="col-start-1 col-end-12 sm:col-start-2"> 1713 1714 <div class="content"> 1715 1716 1717 1718 1719 1720 1721</div> 1722 1723 1724 </div> 1725 </div> 1726 1727 </div> 1728 </div> 1729</div> 1730 1731 1732 1733 <div class="swiper-slide" data-change-logo="0"> 1734 1735 <picture> 1736 1737 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_leistungen_slide_branding_wrobel.jpg" alt="dg leistungen slide branding wrobel" draggable="false"> 1738 </picture> 1739 1740 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1741 <div class="w-full h-full mx-auto relative"> 1742 1743 <div class="grid grid-cols-12"> 1744 <div class="col-start-1 col-end-12 sm:col-start-2"> 1745 1746 <div class="content"> 1747 1748 1749 1750 1751 1752 1753</div> 1754 1755 1756 </div> 1757 </div> 1758 1759 </div> 1760 </div> 1761</div> 1762 1763 1764 1765 <div class="swiper-slide" data-change-logo="0"> 1766 1767 <picture> 1768 1769 <img class="w-full protected-image" src="/assets/Uploads/dg_stummer_brosch_foto_06.jpg" alt="dg stummer brosch foto 06" draggable="false"> 1770 </picture> 1771 1772 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1773 <div class="w-full h-full mx-auto relative"> 1774 1775 <div class="grid grid-cols-12"> 1776 <div class="col-start-1 col-end-12 sm:col-start-2"> 1777 1778 <div class="content"> 1779 1780 1781 1782 1783 1784 1785</div> 1786 1787 1788 </div> 1789 </div> 1790 1791 </div> 1792 </div> 1793</div> 1794 1795 1796 1797 <div class="swiper-slide" data-change-logo="0"> 1798 1799 <picture> 1800 1801 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_remstalkino.jpg" alt="dg info slide intro remstalkino" draggable="false"> 1802 </picture> 1803 1804 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1805 <div class="w-full h-full mx-auto relative"> 1806 1807 <div class="grid grid-cols-12"> 1808 <div class="col-start-1 col-end-12 sm:col-start-2"> 1809 1810 <div class="content"> 1811 1812 1813 1814 1815 1816 1817</div> 1818 1819 1820 </div> 1821 </div> 1822 1823 </div> 1824 </div> 1825</div> 1826 1827 1828 1829 <div class="swiper-slide" data-change-logo="0"> 1830 1831 <picture> 1832 1833 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_logo_dognini.jpg" alt="dg leistungen slide logo dognini" draggable="false"> 1834 </picture> 1835 1836 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1837 <div class="w-full h-full mx-auto relative"> 1838 1839 <div class="grid grid-cols-12"> 1840 <div class="col-start-1 col-end-12 sm:col-start-2"> 1841 1842 <div class="content"> 1843 1844 1845 1846 1847 1848 1849</div> 1850 1851 1852 </div> 1853 </div> 1854 1855 </div> 1856 </div> 1857</div> 1858 1859 1860 1861 <div class="swiper-slide" data-change-logo="0"> 1862 1863 <picture> 1864 1865 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_leitmotiv_mbk_jalou_anz.jpg" alt="dg leistungen slide leitmotiv mbk jalou anz" draggable="false"> 1866 </picture> 1867 1868 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1869 <div class="w-full h-full mx-auto relative"> 1870 1871 <div class="grid grid-cols-12"> 1872 <div class="col-start-1 col-end-12 sm:col-start-2"> 1873 1874 <div class="content"> 1875 1876 1877 1878 1879 1880 1881</div> 1882 1883 1884 </div> 1885 </div> 1886 1887 </div> 1888 </div> 1889</div> 1890 1891 1892 1893 <div class="swiper-slide" data-change-logo="0"> 1894 1895 <picture> 1896 1897 <img class="w-full protected-image" src="/assets/Uploads/dg_illustration_wolkenmann.jpg" alt="dg illustration wolkenmann" draggable="false"> 1898 </picture> 1899 1900 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1901 <div class="w-full h-full mx-auto relative"> 1902 1903 <div class="grid grid-cols-12"> 1904 <div class="col-start-1 col-end-12 sm:col-start-2"> 1905 1906 <div class="content"> 1907 1908 1909 1910 1911 1912 1913</div> 1914 1915 1916 </div> 1917 </div> 1918 1919 </div> 1920 </div> 1921</div> 1922 1923 1924 1925 <div class="swiper-slide" data-change-logo="0"> 1926 1927 <picture> 1928 1929 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_allsecura_logo.jpg" alt="dg info slide intro allsecura logo" draggable="false"> 1930 </picture> 1931 1932 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1933 <div class="w-full h-full mx-auto relative"> 1934 1935 <div class="grid grid-cols-12"> 1936 <div class="col-start-1 col-end-12 sm:col-start-2"> 1937 1938 <div class="content"> 1939 1940 1941 1942 1943 1944 1945</div> 1946 1947 1948 </div> 1949 </div> 1950 1951 </div> 1952 </div> 1953</div> 1954 1955 1956 1957 <div class="swiper-slide" data-change-logo="0"> 1958 1959 <picture> 1960 1961 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_tiefbau_beratung_branding_mailing.webp" alt="dg tiefbau beratung branding mailing" draggable="false"> 1962 </picture> 1963 1964 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1965 <div class="w-full h-full mx-auto relative"> 1966 1967 <div class="grid grid-cols-12"> 1968 <div class="col-start-1 col-end-12 sm:col-start-2"> 1969 1970 <div class="content"> 1971 1972 1973 1974 1975 1976 1977</div> 1978 1979 1980 </div> 1981 </div> 1982 1983 </div> 1984 </div> 1985</div> 1986 1987 1988 1989 <div class="swiper-slide" data-change-logo="0"> 1990 1991 <picture> 1992 1993 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_typo_konzept.jpg" alt="dg info slide intro typo konzept" draggable="false"> 1994 </picture> 1995 1996 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 1997 <div class="w-full h-full mx-auto relative"> 1998 1999 <div class="grid grid-cols-12"> 2000 <div class="col-start-1 col-end-12 sm:col-start-2"> 2001 2002 <div class="content"> 2003 2004 2005 2006 2007 2008 2009</div> 2010 2011 2012 </div> 2013 </div> 2014 2015 </div> 2016 </div> 2017</div> 2018 2019 2020 2021 <div class="swiper-slide" data-change-logo="0"> 2022 2023 <picture> 2024 2025 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_broschuere_widerhall_02.jpg" alt="dg leistungen slide broschuere widerhall 02" draggable="false"> 2026 </picture> 2027 2028 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2029 <div class="w-full h-full mx-auto relative"> 2030 2031 <div class="grid grid-cols-12"> 2032 <div class="col-start-1 col-end-12 sm:col-start-2"> 2033 2034 <div class="content"> 2035 2036 2037 2038 2039 2040 2041</div> 2042 2043 2044 </div> 2045 </div> 2046 2047 </div> 2048 </div> 2049</div> 2050 2051 2052 2053 <div class="swiper-slide" data-change-logo="0"> 2054 2055 <picture> 2056 2057 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_skater.jpg" alt="dg info slide intro skater" draggable="false"> 2058 </picture> 2059 2060 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2061 <div class="w-full h-full mx-auto relative"> 2062 2063 <div class="grid grid-cols-12"> 2064 <div class="col-start-1 col-end-12 sm:col-start-2"> 2065 2066 <div class="content"> 2067 2068 2069 2070 2071 2072 2073</div> 2074 2075 2076 </div> 2077 </div> 2078 2079 </div> 2080 </div> 2081</div> 2082 2083 2084 2085 <div class="swiper-slide" data-change-logo="0"> 2086 2087 <picture> 2088 2089 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_smile.jpg" alt="dg info slide intro smile" draggable="false"> 2090 </picture> 2091 2092 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2093 <div class="w-full h-full mx-auto relative"> 2094 2095 <div class="grid grid-cols-12"> 2096 <div class="col-start-1 col-end-12 sm:col-start-2"> 2097 2098 <div class="content"> 2099 2100 2101 2102 2103 2104 2105</div> 2106 2107 2108 </div> 2109 </div> 2110 2111 </div> 2112 </div> 2113</div> 2114 2115 2116 2117 <div class="swiper-slide" data-change-logo="0"> 2118 2119 <picture> 2120 2121 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_soundfuerdieaugen.jpg" alt="dg info slide intro soundfuerdieaug
2121en" draggable="false"> 2122 </picture> 2123 2124 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2125 <div class="w-full h-full mx-auto relative"> 2126 2127 <div class="grid grid-cols-12"> 2128 <div class="col-start-1 col-end-12 sm:col-start-2"> 2129 2130 <div class="content"> 2131 2132 2133 2134 2135 2136 2137</div> 2138 2139 2140 </div> 2141 </div> 2142 2143 </div> 2144 </div> 2145</div> 2146 2147 2148 2149 <div class="swiper-slide" data-change-logo="0"> 2150 2151 <picture> 2152 2153 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_bettinadaser_branding_brosch_detail.jpg" alt="dg bettinadaser branding brosch detail" draggable="false"> 2154 </picture> 2155 2156 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2157 <div class="w-full h-full mx-auto relative"> 2158 2159 <div class="grid grid-cols-12"> 2160 <div class="col-start-1 col-end-12 sm:col-start-2"> 2161 2162 <div class="content"> 2163 2164 2165 2166 2167 2168 2169</div> 2170 2171 2172 </div> 2173 </div> 2174 2175 </div> 2176 </div> 2177</div> 2178 2179 2180 2181 <div class="swiper-slide" data-change-logo="0"> 2182 2183 <picture> 2184 2185 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_visuelle.jpg" alt="dg info slide intro visuelle" draggable="false"> 2186 </picture> 2187 2188 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2189 <div class="w-full h-full mx-auto relative"> 2190 2191 <div class="grid grid-cols-12"> 2192 <div class="col-start-1 col-end-12 sm:col-start-2"> 2193 2194 <div class="content"> 2195 2196 2197 2198 2199 2200 2201</div> 2202 2203 2204 </div> 2205 </div> 2206 2207 </div> 2208 </div> 2209</div> 2210 2211 2212 2213 <div class="swiper-slide" data-change-logo="0"> 2214 2215 <picture> 2216 2217 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_foto_remstalkino.jpg" alt="dg leistungen slide foto remstalkino" draggable="false"> 2218 </picture> 2219 2220 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2221 <div class="w-full h-full mx-auto relative"> 2222 2223 <div class="grid grid-cols-12"> 2224 <div class="col-start-1 col-end-12 sm:col-start-2"> 2225 2226 <div class="content"> 2227 2228 2229 2230 2231 2232 2233</div> 2234 2235 2236 </div> 2237 </div> 2238 2239 </div> 2240 </div> 2241</div> 2242 2243 2244 2245 <div class="swiper-slide" data-change-logo="0"> 2246 2247 <picture> 2248 2249 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_intro_buergerwein.jpg" alt="dg leistungen slide intro buergerwein" draggable="false"> 2250 </picture> 2251 2252 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2253 <div class="w-full h-full mx-auto relative"> 2254 2255 <div class="grid grid-cols-12"> 2256 <div class="col-start-1 col-end-12 sm:col-start-2"> 2257 2258 <div class="content"> 2259 2260 2261 2262 2263 2264 2265</div> 2266 2267 2268 </div> 2269 </div> 2270 2271 </div> 2272 </div> 2273</div> 2274 2275 2276 2277 <div class="swiper-slide" data-change-logo="0"> 2278 2279 <picture> 2280 2281 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_stummer_branding_grafik_facetten.jpg" alt="dg stummer branding grafik facetten" draggable="false"> 2282 </picture> 2283 2284 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2285 <div class="w-full h-full mx-auto relative"> 2286 2287 <div class="grid grid-cols-12"> 2288 <div class="col-start-1 col-end-12 sm:col-start-2"> 2289 2290 <div class="content"> 2291 2292 2293 2294 2295 2296 2297</div> 2298 2299 2300 </div> 2301 </div> 2302 2303 </div> 2304 </div> 2305</div> 2306 2307 2308 2309 <div class="swiper-slide" data-change-logo="0"> 2310 2311 <picture> 2312 2313 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_logo_87.jpg" alt="dg leistungen slide logo 87" draggable="false"> 2314 </picture> 2315 2316 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2317 <div class="w-full h-full mx-auto relative"> 2318 2319 <div class="grid grid-cols-12"> 2320 <div class="col-start-1 col-end-12 sm:col-start-2"> 2321 2322 <div class="content"> 2323 2324 2325 2326 2327 2328 2329</div> 2330 2331 2332 </div> 2333 </div> 2334 2335 </div> 2336 </div> 2337</div> 2338 2339 2340 2341 <div class="swiper-slide" data-change-logo="0"> 2342 2343 <picture> 2344 2345 <img class="w-full protected-image" src="/assets/Uploads/Imageblock/Images/dg_gedichtbuch_nicht_ganz_gedicht_II_foto_fleisch.webp" alt="dg gedichtbuch nicht ganz gedicht II foto fleisch" draggable="false"> 2346 </picture> 2347 2348 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2349 <div class="w-full h-full mx-auto relative"> 2350 2351 <div class="grid grid-cols-12"> 2352 <div class="col-start-1 col-end-12 sm:col-start-2"> 2353 2354 <div class="content"> 2355 2356 2357 2358 2359 2360 2361</div> 2362 2363 2364 </div> 2365 </div> 2366 2367 </div> 2368 </div> 2369</div> 2370 2371 2372 2373 <div class="swiper-slide" data-change-logo="0"> 2374 2375 <picture> 2376 2377 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_astronaut.jpg" alt="dg info slide intro astronaut" draggable="false"> 2378 </picture> 2379 2380 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2381 <div class="w-full h-full mx-auto relative"> 2382 2383 <div class="grid grid-cols-12"> 2384 <div class="col-start-1 col-end-12 sm:col-start-2"> 2385 2386 <div class="content"> 2387 2388 2389 2390 2391 2392 2393</div> 2394 2395 2396 </div> 2397 </div> 2398 2399 </div> 2400 </div> 2401</div> 2402 2403 2404 2405 <div class="swiper-slide" data-change-logo="0"> 2406 2407 <picture> 2408 2409 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_illu_antikarl.jpg" alt="dg leistungen slide illu antikarl" draggable="false"> 2410 </picture> 2411 2412 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2413 <div class="w-full h-full mx-auto relative"> 2414 2415 <div class="grid grid-cols-12"> 2416 <div class="col-start-1 col-end-12 sm:col-start-2"> 2417 2418 <div class="content"> 2419 2420 2421 2422 2423 2424 2425</div> 2426 2427 2428 </div> 2429 </div> 2430 2431 </div> 2432 </div> 2433</div> 2434 2435 2436 2437 <div class="swiper-slide" data-change-logo="0"> 2438 2439 <picture> 2440 2441 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_typo_konzept.jpg" alt="dg info slide intro typo konzept" draggable="false"> 2442 </picture> 2443 2444 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2445 <div class="w-full h-full mx-auto relative"> 2446 2447 <div class="grid grid-cols-12"> 2448 <div class="col-start-1 col-end-12 sm:col-start-2"> 2449 2450 <div class="content"> 2451 2452 2453 2454 2455 2456 2457</div> 2458 2459 2460 </div> 2461 </div> 2462 2463 </div> 2464 </div> 2465</div> 2466 2467 2468 2469 <div class="swiper-slide" data-change-logo="0"> 2470 2471 <picture> 2472 2473 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_eis_violett.jpg" alt="dg info slide intro eis violett" draggable="false"> 2474 </picture> 2475 2476 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2477 <div class="w-full h-full mx-auto relative"> 2478 2479 <div class="grid grid-cols-12"> 2480 <div class="col-start-1 col-end-12 sm:col-start-2"> 2481 2482 <div class="content"> 2483 2484 2485 2486 2487 2488 2489</div> 2490 2491 2492 </div> 2493 </div> 2494 2495 </div> 2496 </div> 2497</div> 2498 2499 2500 2501 <div class="swiper-slide" data-change-logo="0"> 2502 2503 <picture> 2504 2505 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_illu_eis_gelato.jpg" alt="dg leistungen slide illu eis gelato" draggable="false"> 2506 </picture> 2507 2508 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2509 <div class="w-full h-full mx-auto relative"> 2510 2511 <div class="grid grid-cols-12"> 2512 <div class="col-start-1 col-end-12 sm:col-start-2"> 2513 2514 <div class="content"> 2515 2516 2517 2518 2519 2520 2521</div> 2522 2523 2524 </div> 2525 </div> 2526 2527 </div> 2528 </div> 2529</div> 2530 2531 2532 2533 <div class="swiper-slide" data-change-logo="0"> 2534 2535 <picture> 2536 2537 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_soundwave.jpg" alt="dg info slide intro soundwave" draggable="false"> 2538 </picture> 2539 2540 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2541 <div class="w-full h-full mx-auto relative"> 2542 2543 <div class="grid grid-cols-12"> 2544 <div class="col-start-1 col-end-12 sm:col-start-2"> 2545 2546 <div class="content"> 2547 2548 2549 2550 2551 2552 2553</div> 2554 2555 2556 </div> 2557 </div> 2558 2559 </div> 2560 </div> 2561</div> 2562 2563 2564 2565 <div class="swiper-slide" data-change-logo="0"> 2566 2567 <picture> 2568 2569 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_camaeleon.jpg" alt="dg info slide intro camaeleon" draggable="false"> 2570 </picture> 2571 2572 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2573 <div class="w-full h-full mx-auto relative"> 2574 2575 <div class="grid grid-cols-12"> 2576 <div class="col-start-1 col-end-12 sm:col-start-2"> 2577 2578 <div class="content"> 2579 2580 2581 2582 2583 2584 2585</div> 2586 2587 2588 </div> 2589 </div> 2590 2591 </div> 2592 </div> 2593</div> 2594 2595 2596 2597 <div class="swiper-slide" data-change-logo="0"> 2598 2599 <picture> 2600 2601 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_wirkung_glas.jpg" alt="dg info slide intro wirkung glas" draggable="false"> 2602 </picture> 2603 2604 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2605 <div class="w-full h-full mx-auto relative"> 2606 2607 <div class="grid grid-cols-12"> 2608 <div class="col-start-1 col-end-12 sm:col-start-2"> 2609 2610 <div class="content"> 2611 2612 2613 2614 2615 2616 2617</div> 2618 2619 2620 </div> 2621 </div> 2622 2623 </div> 2624 </div> 2625</div> 2626 2627 2628 2629 <div class="swiper-slide" data-change-logo="0"> 2630 2631 <picture> 2632 2633 <img class="w-full protected-image" src="/assets/Uploads/dg_schlegel_jubi_flyer_foto_cover_nah.jpg" alt="dg schlegel jubi flyer foto cover nah" draggable="false"> 2634 </picture> 2635 2636 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2637 <div class="w-full h-full mx-auto relative"> 2638 2639 <div class="grid grid-cols-12"> 2640 <div class="col-start-1 col-end-12 sm:col-start-2"> 2641 2642 <div class="content"> 2643 2644 2645 2646 2647 2648 2649</div> 2650 2651 2652 </div> 2653 </div> 2654 2655 </div> 2656 </div> 2657</div> 2658 2659 2660 2661 <div class="swiper-slide" data-change-logo="0"> 2662 2663 <picture> 2664 2665 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_emotionale.jpg" alt="dg info slide intro emotionale" draggable="false"> 2666 </picture> 2667 2668 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2669 <div class="w-full h-full mx-auto relative"> 2670 2671 <div class="grid grid-cols-12"> 2672 <div class="col-start-1 col-end-12 sm:col-start-2"> 2673 2674 <div class="content"> 2675 2676 2677 2678 2679 2680 2681</div> 2682 2683 2684 </div> 2685 </div> 2686 2687 </div> 2688 </div> 2689</div> 2690 2691 2692 2693 <div class="swiper-slide" data-change-logo="0"> 2694 2695 <picture> 2696 2697 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_adidas_van.jpg" alt="dg info slide intro adidas van" draggable="false"> 2698 </picture> 2699 2700 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2701 <div class="w-full h-full mx-auto relative"> 2702 2703 <div class="grid grid-cols-12"> 2704 <div class="col-start-1 col-end-12 sm:col-start-2"> 2705 2706 <div class="content"> 2707 2708 2709 2710 2711 2712 2713</div> 2714 2715 2716 </div> 2717 </div> 2718 2719 </div> 2720 </div> 2721</div> 2722 2723 2724 2725 <div class="swiper-slide" data-change-logo="0"> 2726 2727 <picture> 2728 2729 <img class="w-full protected-image" src="/assets/Uploads/Projects/Thumbnail/dg_birkenwaeldle_branding_sixpack_3d.webp" alt="dg birkenwaeldle branding sixpack 3d" draggable="false"> 2730 </picture> 2731 2732 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2733 <div class="w-full h-full mx-auto relative"> 2734 2735 <div class="grid grid-cols-12"> 2736 <div class="col-start-1 col-end-12 sm:col-start-2"> 2737 2738
2738 <div class="content"> 2739 2740 2741 2742 2743 2744 2745</div> 2746 2747 2748 </div> 2749 </div> 2750 2751 </div> 2752 </div> 2753</div> 2754 2755 2756 2757 <div class="swiper-slide" data-change-logo="0"> 2758 2759 <picture> 2760 2761 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_halloween_monsterchen.jpg" alt="dg info slide intro halloween monsterchen" draggable="false"> 2762 </picture> 2763 2764 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2765 <div class="w-full h-full mx-auto relative"> 2766 2767 <div class="grid grid-cols-12"> 2768 <div class="col-start-1 col-end-12 sm:col-start-2"> 2769 2770 <div class="content"> 2771 2772 2773 2774 2775 2776 2777</div> 2778 2779 2780 </div> 2781 </div> 2782 2783 </div> 2784 </div> 2785</div> 2786 2787 2788 2789 <div class="swiper-slide" data-change-logo="0"> 2790 2791 <picture> 2792 2793 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_herz.jpg" alt="dg info slide intro herz" draggable="false"> 2794 </picture> 2795 2796 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2797 <div class="w-full h-full mx-auto relative"> 2798 2799 <div class="grid grid-cols-12"> 2800 <div class="col-start-1 col-end-12 sm:col-start-2"> 2801 2802 <div class="content"> 2803 2804 2805 2806 2807 2808 2809</div> 2810 2811 2812 </div> 2813 </div> 2814 2815 </div> 2816 </div> 2817</div> 2818 2819 2820 2821 <div class="swiper-slide" data-change-logo="0"> 2822 2823 <picture> 2824 2825 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_delorean_seitlich.jpg" alt="dg info slide intro delorean seitlich" draggable="false"> 2826 </picture> 2827 2828 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2829 <div class="w-full h-full mx-auto relative"> 2830 2831 <div class="grid grid-cols-12"> 2832 <div class="col-start-1 col-end-12 sm:col-start-2"> 2833 2834 <div class="content"> 2835 2836 2837 2838 2839 2840 2841</div> 2842 2843 2844 </div> 2845 </div> 2846 2847 </div> 2848 </div> 2849</div> 2850 2851 2852 2853 <div class="swiper-slide" data-change-logo="0"> 2854 2855 <picture> 2856 2857 <img class="w-full protected-image" src="/assets/Uploads/dg_stummer_branding_fahrzeug_smart.jpg" alt="dg stummer branding fahrzeug smart" draggable="false"> 2858 </picture> 2859 2860 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2861 <div class="w-full h-full mx-auto relative"> 2862 2863 <div class="grid grid-cols-12"> 2864 <div class="col-start-1 col-end-12 sm:col-start-2"> 2865 2866 <div class="content"> 2867 2868 2869 2870 2871 2872 2873</div> 2874 2875 2876 </div> 2877 </div> 2878 2879 </div> 2880 </div> 2881</div> 2882 2883 2884 2885 <div class="swiper-slide" data-change-logo="0"> 2886 2887 <picture> 2888 2889 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_netzhautmasseur.jpg" alt="dg info slide intro netzhautmasseur" draggable="false"> 2890 </picture> 2891 2892 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2893 <div class="w-full h-full mx-auto relative"> 2894 2895 <div class="grid grid-cols-12"> 2896 <div class="col-start-1 col-end-12 sm:col-start-2"> 2897 2898 <div class="content"> 2899 2900 2901 2902 2903 2904 2905</div> 2906 2907 2908 </div> 2909 </div> 2910 2911 </div> 2912 </div> 2913</div> 2914 2915 2916 2917 <div class="swiper-slide" data-change-logo="0"> 2918 2919 <picture> 2920 2921 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_donut.jpg" alt="dg info slide intro donut" draggable="false"> 2922 </picture> 2923 2924 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2925 <div class="w-full h-full mx-auto relative"> 2926 2927 <div class="grid grid-cols-12"> 2928 <div class="col-start-1 col-end-12 sm:col-start-2"> 2929 2930 <div class="content"> 2931 2932 2933 2934 2935 2936 2937</div> 2938 2939 2940 </div> 2941 </div> 2942 2943 </div> 2944 </div> 2945</div> 2946 2947 2948 2949 <div class="swiper-slide" data-change-logo="0"> 2950 2951 <picture> 2952 2953 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_gehirn.jpg" alt="dg info slide intro gehirn" draggable="false"> 2954 </picture> 2955 2956 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2957 <div class="w-full h-full mx-auto relative"> 2958 2959 <div class="grid grid-cols-12"> 2960 <div class="col-start-1 col-end-12 sm:col-start-2"> 2961 2962 <div class="content"> 2963 2964 2965 2966 2967 2968 2969</div> 2970 2971 2972 </div> 2973 </div> 2974 2975 </div> 2976 </div> 2977</div> 2978 2979 2980 2981 <div class="swiper-slide" data-change-logo="0"> 2982 2983 <picture> 2984 2985 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_highfive.jpg" alt="dg info slide intro highfive" draggable="false"> 2986 </picture> 2987 2988 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 2989 <div class="w-full h-full mx-auto relative"> 2990 2991 <div class="grid grid-cols-12"> 2992 <div class="col-start-1 col-end-12 sm:col-start-2"> 2993 2994 <div class="content"> 2995 2996 2997 2998 2999 3000 3001</div> 3002 3003 3004 </div> 3005 </div> 3006 3007 </div> 3008 </div> 3009</div> 3010 3011 3012 3013 <div class="swiper-slide" data-change-logo="0"> 3014 3015 <picture> 3016 3017 <img class="w-full protected-image" src="/assets/Uploads/dg_schlegel_branding_flyer_struktur_foto.jpg" alt="dg schlegel branding flyer struktur foto" draggable="false"> 3018 </picture> 3019 3020 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 3021 <div class="w-full h-full mx-auto relative"> 3022 3023 <div class="grid grid-cols-12"> 3024 <div class="col-start-1 col-end-12 sm:col-start-2"> 3025 3026 <div class="content"> 3027 3028 3029 3030 3031 3032 3033</div> 3034 3035 3036 </div> 3037 </div> 3038 3039 </div> 3040 </div> 3041</div> 3042 3043 3044 3045 <div class="swiper-slide" data-change-logo="0"> 3046 3047 <picture> 3048 3049 <img class="w-full protected-image" src="/assets/Uploads/dg_leistungen_slide_verpack_kunterbunt.jpg" alt="dg leistungen slide verpack kunterbunt" draggable="false"> 3050 </picture> 3051 3052 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 3053 <div class="w-full h-full mx-auto relative"> 3054 3055 <div class="grid grid-cols-12"> 3056 <div class="col-start-1 col-end-12 sm:col-start-2"> 3057 3058 <div class="content"> 3059 3060 3061 3062 3063 3064 3065</div> 3066 3067 3068 </div> 3069 </div> 3070 3071 </div> 3072 </div> 3073</div> 3074 3075 3076 3077 <div class="swiper-slide" data-change-logo="0"> 3078 3079 <picture> 3080 3081 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_auge.jpg" alt="dg info slide intro auge" draggable="false"> 3082 </picture> 3083 3084 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 3085 <div class="w-full h-full mx-auto relative"> 3086 3087 <div class="grid grid-cols-12"> 3088 <div class="col-start-1 col-end-12 sm:col-start-2"> 3089 3090 <div class="content"> 3091 3092 3093 3094 3095 3096 3097</div> 3098 3099 3100 </div> 3101 </div> 3102 3103 </div> 3104 </div> 3105</div> 3106 3107 3108 3109 <div class="swiper-slide" data-change-logo="0"> 3110 3111 <picture> 3112 3113 <img class="w-full protected-image" src="/assets/Uploads/dg_info_slide_intro_ich_western.jpg" alt="dg info slide intro ich western" draggable="false"> 3114 </picture> 3115 3116 <div class="w-full absolute h-full top-0 left-0 py-10 md:py-12 xl:py-20 z-50 content-start"> 3117 <div class="w-full h-full mx-auto relative"> 3118 3119 <div class="grid grid-cols-12"> 3120 <div class="col-start-1 col-end-12 sm:col-start-2"> 3121 3122 <div class="content"> 3123 3124 3125 3126 3127 3128 3129</div> 3130 3131 3132 </div> 3133 </div> 3134 3135 </div> 3136 </div> 3137</div> 3138 3139 3140 </div> 3141 3142 3143 3144 3145</div> 3146 3147 </div> 3148 3149 3150</div> 3151 3152 3153 3154</div> 3155 3156 3157 3158<div class="element element--virtual m1b pls__website__elements__elementbasecontent" id="e441"> 3159 <div class="grid grid-cols-14"> 3160 <div class="col-start-2 col-end-14 sm:col-start-3 sm:col-end-13 "> 3161 <div class="content"> 3162 3163 3164 3165 3166 3167 <div class="content-links"> 3168 <ul class="flex flex-wrap items-center"> 3169 3170 <li class="mr-4"> 3171 <a 3172 class="block uppercase font-bold" 3173 href="/branding" 3174 3175 > 3176 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3177
3178 <span class="inline-block">BRANDING</span> 3179 </a> 3180 </li> 3181 3182 <li class="mr-4"> 3183 <a 3184 class="block uppercase font-bold" 3185 href="/fotografie" 3186 3187 > 3188 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3189 3190 <span class="inline-block">FOTOGRAFIE</span> 3191 </a> 3192 </li> 3193 3194 <li class="mr-4"> 3195 <a 3196 class="block uppercase font-bold" 3197 href="/verpackung" 3198 3199 > 3200 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3201 3202 <span class="inline-block">VERPACKUNG</span> 3203 </a> 3204 </li> 3205 3206 <li class="mr-4"> 3207 <a 3208 class="block uppercase font-bold" 3209 href="/illustration" 3210 3211 > 3212 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3213 3214 <span class="inline-block">ILLUSTRATION</span> 3215 </a> 3216 </li> 3217 3218 <li class="mr-4"> 3219 <a 3220 class="block uppercase font-bold" 3221 href="/website" 3222 3223 > 3224 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3225 3226 <span class="inline-block">WEBSITE</span> 3227 </a> 3228 </li> 3229 3230 <li class="mr-4"> 3231 <a 3232 class="block uppercase font-bold" 3233 href="/poster-und-anzeigen" 3234 3235 > 3236 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3237 3238 <span class="inline-block">POSTER UND ANZEIGEN</span> 3239 </a> 3240 </li> 3241 3242 <li class="mr-4"> 3243 <a 3244 class="block uppercase font-bold" 3245 href="/logodesign" 3246 3247 > 3248 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3249 3250 <span class="inline-block">Logo</span> 3251 </a> 3252 </li> 3253 3254 <li class="mr-4"> 3255 <a 3256 class="block uppercase font-bold" 3257 href="/corporate-design" 3258 3259 > 3260 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3261 3262 <span class="inline-block">Corporate Design</span> 3263 </a> 3264 </li> 3265 3266 <li class="mr-4"> 3267 <a 3268 class="block uppercase font-bold" 3269 href="/broschueren-und-flyer" 3270 3271 > 3272 <img class="icon inline-block w-6 mr-2 transition-transform duration-300 ease-in-out" src="/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg"> 3273
3274 <span class="inline-block">BROSCHÃRE</span> 3275 </a> 3276 </li> 3277 3278 </ul> 3279 </div> 3280 3281 3282</div> 3283 3284 </div> 3285</div> 3286</div> 3287 3288 3289 3290 3291</main> 3292 3293 3294 <footer class="footer"> 3295 <div class="grid grid-cols-14"> 3296 <div class="col-start-2 col-end-14 sm:col-start-3 sm:col-end-13 "> 3297 <div class="flex flex-col xl:flex-row gap-4 border-t-8 m2b p1t"> 3298 3299 3300 <div class="mr-8"> 3301 3302 <ul class=""> 3303 3304 <li class=""> 3305 <a class="link font-bold uppercase" href="/projekte">Projekte</a> 3306 </li> 3307 3308 <li class=""> 3309 <a class="current font-bold uppercase" href="/info">Info</a> 3310 </li> 3311 3312 <li class=""> 3313 <a class="link font-bold uppercase" href="/leistungen">Leistungen</a> 3314 </li> 3315 3316 <li class=""> 3317 <a class="link font-bold uppercase" href="/kundenstimmen">Stimmen</a> 3318 </li> 3319 3320 <li class=""> 3321 <a class="link font-bold uppercase" href="/haltung">Haltung</a> 3322 </li> 3323 3324 <li class=""> 3325 <a class="link font-bold uppercase" href="/galerie">Galerie</a> 3326 </li> 3327 3328 <li class=""> 3329 <a class="link font-bold uppercase" href="/aktuelles">Aktuelles</a> 3330 </li> 3331 3332 <li class=""> 3333 <a class="link font-bold uppercase" href="/kontakt">Kontakt</a> 3334 </li> 3335 3336</ul> 3337 3338 </div> 3339 3340 3341 3342 <div class="mr-8"> 3343 3344 <ul class=""> 3345 3346 <li class=""> 3347 <a class="link text-sm" href="/branding">Branding</a> 3348 </li> 3349 3350 <li class=""> 3351 <a class="link text-sm" href="/poster-und-anzeigen">Poster und Anzeigen</a> 3352 </li> 3353 3354 <li class=""> 3355 <a class="link text-sm" href="/broschueren-und-flyer">Broschüren und Flyer</a> 3356 </li> 3357 3358 <li class=""> 3359 <a class="link text-sm" href="/social-media-content">Social</a> 3360 </li> 3361 3362 <li class=""> 3363 <a class="link text-sm" href="/fotografie">Fotografie</a> 3364 </li> 3365 3366 <li class=""> 3367 <a class="link text-sm" href="/verpackung">Verpackung</a> 3368 </li> 3369 3370 <li class=""> 3371 <a class="link text-sm" href="/website">Website</a> 3372 </li> 3373 3374 <li class=""> 3375 <a class="link text-sm" href="/illustration">Illustration</a> 3376 </li> 3377 3378 <li class=""> 3379 <a class="link text-sm" href="/logodesign">Logo</a> 3380 </li> 3381 3382 <li class=""> 3383 <a class="link text-sm" href="/visuals-leitmotive-kreatives">Motive. Ideen. Headlines.</a> 3384 </li> 3385 3386 <li class=""> 3387 <a class="link text-sm" href="/eventdesign">Event</a> 3388 </li> 3389 3390 <li class=""> 3391 <a class="link text-sm" href="/farbwelt">Farbwelt</a> 3392 </li> 3393 3394</ul> 3395 3396 </div> 3397 3398 3399 3400 <div class="mr-8"> 3401 3402 <ul class=""> 3403 3404 <li class=""> 3405 <a class="link text-sm" href="https://www.instagram.com/duemmelgrafik/">DG Instagram</a> 3406 </li> 3407 3408 <li class=""> 3409 <a class="link text-sm" href="/buecher">Bücher</a> 3410 </li> 3411 3412 <li class=""> 3413 <a class="link text-sm" href="/mimo-und-tim">Mimo + Tim</a> 3414 </li> 3415 3416 <li class=""> 3417 <a class="link text-sm" href="/storcheinander">Storcheinander</a> 3418 </li> 3419 3420 <li class=""> 3421 <a class="link text-sm" href="/remstalgeschichten">Remstalgeschichten</a> 3422 </li> 3423 3424</ul> 3425 3426 </div> 3427 3428 3429 3430 <div class="mr-8"> 3431 3432 <ul class=""> 3433 3434 <li class=""> 3435 <a class="link text-sm" href="/impressum">Impressum</a> 3436 </li> 3437 3438 <li class=""> 3439 <a class="link text-sm" href="/datenschutz">Datenschutz</a> 3440 </li> 3441 3442</ul> 3443 3444 </div> 3445 3446 3447 </div> 3448 <div class="m1b">
3449 <span>© Dümmel Grafik</span> 3450 </div> 3451 </div> 3452 </div> 3453</footer> 3454 3455 </div>
3456<script type="application/javascript" src="/_klaro-config/?m=3157d640c3b4"></script>
vendor: 1 bytes, line 3456
3456
3457<script type="application/javascript" src="/_resources/vendor/lerni/klaro-cookie-consent/client/dist/klaro.js?m=1730990109"></script>
vendor: 1 bytes, line 3457
3457
3458<script type="application/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3458
3458
3459<script type="application/javascript" src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 3459
3459
3460<script type="application/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/lightgallery.min.js"></script>
vendor: 1 bytes, line 3460
3460
3461<script type="application/javascript" src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
vendor: 1 bytes, line 3461
3461
3462<script type="application/javascript" src="/javascript/script.js?m=1787318921"></script>
vendor: 1 bytes, line 3462
3462
3463<script type="application/javascript">//<![CDATA[ 3464(function($) { 3465 $(document).ready(function() { 3466 $('#sidebarMenu').on('click', function() { 3467 $('#openSidebarMenu').prop("checked", false); 3468 3469 $('.sidebarIconToggle').removeClass('active'); 3470 $('body').removeClass('overflow-hidden'); 3471 }); 3472 3473 $('.sidebarIconToggle').on('click', function() { 3474 $(this).toggleClass('active'); 3475 3476 if ($(this).hasClass('active')) { 3477 $('body').addClass('overflow-hidden'); 3478 $('.sidebarIconToggle .spinner').addClass('!bg-tb-warmgrey-light'); 3479 } else { 3480 $('body').removeClass('overflow-hidden'); 3481 $('.sidebarIconToggle .spinner').removeClass('!bg-tb-warmgrey-light'); 3482 } 3483 }); 3484 3485 // Get all galleries on the page 3486 var galleries = $('.element-teaser .gallery'); 3487 3488 galleries.each(function(index, gallery) { 3489 lightGallery(document.getElementById($(this).attr('id')), { 3490 download: false 3491 }); 3492 }); 3493 3494 // Protect content images from casual right-click / drag-to-save 3495 $('.content img, .accordion-content img, .text-format-3 img, .sp-c-mb img') 3496 .addClass('protected-image') 3497 .attr('draggable', 'false'); 3498 $(document).on('contextmenu dragstart', '.protected-image', function(e) { 3499 e.preventDefault(); 3500 }); 3501 3502 var syncHeroOverlayScrollLock = function() { 3503 var hasVisible = $('.hero-overlay-host').toArray().some(function(el) { 3504 return !$(el).hasClass('hero-overlay-hidden'); 3505 }); 3506 $(document.documentElement).toggleClass('hero-overlay-scroll-lock', hasVisible); 3507 }; 3508 3509 var dismissHeroOverlay = function(hostElement) { 3510 var $host = $(hostElement); 3511 if (!$host.length || $host.hasClass('hero-overlay-hidden')) { 3512 return; 3513 } 3514 3515 $host.removeClass('hero-overlay-gone'); 3516 $host.addClass('hero-overlay-hidden'); 3517 syncHeroOverlayScrollLock(); 3518 3519 // Remove overlay from stacking/hit-testing after slide-up transition completes 3520 window.setTimeout(function() { 3521 $host.addClass('hero-overlay-gone'); 3522 }, 550); 3523 3524 // Reset header to default (non-inverted) state when overlay is dismissed 3525 var headerLogo = document.getElementById('header-logo-image'); 3526 var header = document.querySelector('header.header'); 3527 if (headerLogo) { 3528 headerLogo.src = '/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg'; 3529 } 3530 if (header) { 3531 header.classList.remove('header-inverted'); 3532 } 3533 }; 3534 3535 $(document).on('click', '.hero-overlay-dismiss', function() { 3536 dismissHeroOverlay($(this).closest('.hero-overlay-host')); 3537 }); 3538 3539 // Dismiss fullscreen hero overlay via downward wheel; use capture + non-passive so 3540 // preventDefault works (jQuery-delegated
3540wheel is often passive and cannot block scroll). 3541 document.addEventListener('wheel', function(e) { 3542 if (!e.target || !e.target.closest) { 3543 return; 3544 } 3545 var host = e.target.closest('.hero-overlay-host'); 3546 if (!host || host.classList.contains('hero-overlay-hidden')) { 3547 return; 3548 } 3549 if (e.deltaY > 0) { 3550 e.preventDefault(); 3551 dismissHeroOverlay(host); 3552 } 3553 }, { capture: true, passive: false }); 3554 3555 syncHeroOverlayScrollLock(); 3556 3557 // Mobile: dismiss fullscreen hero overlay with an upward swipe gesture 3558 $(document).on('touchstart', '.hero-overlay-host:not(.hero-overlay-hidden)', function(e) { 3559 var touch = e.originalEvent && e.originalEvent.touches ? e.originalEvent.touches[0] : null; 3560 if (!touch) { 3561 return; 3562 } 3563 3564 $(this).data('touchStartY', touch.clientY); 3565 $(this).data('touchStartX', touch.clientX); 3566 }); 3567 3568 $(document).on('touchend', '.hero-overlay-host:not(.hero-overlay-hidden)', function(e) { 3569 var startY = $(this).data('touchStartY'); 3570 var startX = $(this).data('touchStartX'); 3571 var changedTouches = e.originalEvent && e.originalEvent.changedTouches ? e.originalEvent.changedTouches : null; 3572 var touch = changedTouches && changedTouches.length ? changedTouches[0] : null; 3573 3574 if (typeof startY !== 'number' || typeof startX !== 'number' || !touch) { 3575 return; 3576 } 3577 3578 var deltaY = startY - touch.clientY; 3579 var deltaX = Math.abs(startX - touch.clientX); 3580 3581 // Trigger only on clear upward swipes to avoid accidental dismissals. 3582 if (deltaY > 60 && deltaY > deltaX) { 3583 dismissHeroOverlay(this); 3584 } 3585 }); 3586 }); 3587 }(jQuery)); 3588//]]></script>
vendor: 1 bytes, line 3588
3588
3589<script type="application/javascript">//<![CDATA[ 3590(function($) { 3591 $(document).ready(function() {const swiper85 = new Swiper('#swiper-85', { 3592loop: true, 3593effect: "fade", 3594fadeEffect: { 3595 crossFade: true 3596 },speed: 30, 3597autoplay: { 3598 3599 delay: 30, 3600 }, 3601on: { 3602 init: function(swiper) { 3603 var defaultLogo = '/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg'; 3604 var invertedLogo = '/_resources/themes/pa_theme/images/dg_logo_01_weissundschwarz_0426.svg'; 3605 var defaultArrow = '/_resources/themes/pa_theme/images/dg_pfeil_weiss.svg'; 3606 var invertedArrow = '/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg'; 3607 // Tracks whether THIS swiper most recently applied the inverted state to the header. 3608 // null = this swiper has not applied any state (so it must not interfere with other swipers). 3609 var lastAppliedState = null; 3610 var canControlHeader = function() { 3611 var swiperElement = swiper.el; 3612 if (!swiperElement) { 3613 return false; 3614 } 3615 var rect = swiperElement.getBoundingClientRect(); 3616 var header = document.querySelector('header.header'); 3617 var headerHeight = header ? header.offsetHeight : 0; 3618 return rect.top <= headerHeight && rect.bottom > headerHeight; 3619 }; 3620 var resetHeaderToDefault = function() { 3621 var headerLogo = document.getElementById('header-logo-image'); 3622 var header = document.querySelector('header.header'); 3623 if (headerLogo) { 3624 headerLogo.src = defaultLogo; 3625 } 3626 if (header) { 3627 header.classList.remove('header-inverted'); 3628 } 3629 if (swiper.el) { 3630 swiper.el.classList.remove('swiper-controls-inverted'); 3631 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 3632 navIcons.forEach(function(icon) { 3633 icon.src = defaultArrow; 3634 }); 3635 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 3636 if (heroOverlayHost) { 3637 heroOverlayHost.classList.remove('hero-controls-inverted'); 3638 } 3639 } 3640 }; 3641 var updateHeaderLogo = function() { 3642 var headerLogo = document.getElementById('header-logo-image'); 3643 var header = document.querySelector('header.header'); 3644 var activeSlide = swiper.el.querySelector('.swiper-slide-active[data-change-logo], .swiper-slide-duplicate-active[data-change-logo]'); 3645 if (!activeSlide) { 3646 activeSlide = swiper.el.querySelector('.swiper-slide[data-change-logo]'); 3647 } 3648 if (!activeSlide) { 3649 return; 3650 } 3651 3652 // If the swiper is no longer overlapping the header (e.g. user scrolled past it), 3653 // revert the header to its default state â but only if THIS swiper had previously 3654 // applied an inverted state. This prevents conflicts when multiple swipers exist. 3655 if (!canControlHeader()) { 3656 if (lastAppliedState === true) { 3657 resetHeaderToDefault(); 3658 lastAppliedState = null; 3659 } 3660 return; 3661 } 3662 3663 var shouldUseInvertedLogo = activeSlide.getAttribute('data-change-logo') === '1'; 3664 var nextLogo = shouldUseInvertedLogo ? invertedLogo : defaultLogo; 3665 var nextArrow = shouldUseInvertedLogo ? invertedArrow : defaultArrow; 3666 if (headerLogo) { 3667 headerLogo.src = nextLogo; 3668 } 3669 if (header) { 3670 header.classList.toggle('header-inverted', shouldUseInvertedLogo); 3671 } 3672 if (swiper.el) { 3673 swiper.el.classList.toggle('swiper-control
3673s-inverted', shouldUseInvertedLogo); 3674 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 3675 navIcons.forEach(function(icon) { 3676 icon.src = nextArrow; 3677 }); 3678 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 3679 if (heroOverlayHost) { 3680 heroOverlayHost.classList.toggle('hero-controls-inverted', shouldUseInvertedLogo); 3681 } 3682 } 3683 lastAppliedState = shouldUseInvertedLogo; 3684 }; 3685 3686 // Throttle scroll handling via requestAnimationFrame to keep things smooth. 3687 var scrollScheduled = false; 3688 var onScroll = function() { 3689 if (scrollScheduled) { 3690 return; 3691 } 3692 scrollScheduled = true; 3693 window.requestAnimationFrame(function() { 3694 scrollScheduled = false; 3695 updateHeaderLogo(); 3696 }); 3697 }; 3698 window.addEventListener('scroll', onScroll, { passive: true }); 3699 window.addEventListener('resize', onScroll, { passive: true }); 3700 3701 updateHeaderLogo(); 3702 // Single-slide setups can finalize active classes slightly later 3703 window.setTimeout(updateHeaderLogo, 0); 3704 window.setTimeout(updateHeaderLogo, 100); 3705 swiper.el.updateHeaderLogo = updateHeaderLogo; 3706 }, 3707 slideChangeTransitionStart: function(swiper) { 3708 if (swiper.el.updateHeaderLogo) { 3709 swiper.el.updateHeaderLogo(); 3710 } 3711 }, 3712 slideChange: function(swiper) { 3713 if (swiper.el.updateHeaderLogo) { 3714 swiper.el.updateHeaderLogo(); 3715 } 3716 } 3717 },});}); 3718 }(jQuery)); 3719//]]></script>
vendor: 1 bytes, line 3719
3719
3720<script type="application/javascript">//<![CDATA[ 3721(function($) { 3722 $(document).ready(function() {const swiper264 = new Swiper('#swiper-264', { 3723effect: "fade", 3724fadeEffect: { 3725 crossFade: true 3726 },speed: 400, 3727on: { 3728 init: function(swiper) { 3729 var defaultLogo = '/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg'; 3730 var invertedLogo = '/_resources/themes/pa_theme/images/dg_logo_01_weissundschwarz_0426.svg'; 3731 var defaultArrow = '/_resources/themes/pa_theme/images/dg_pfeil_weiss.svg'; 3732 var invertedArrow = '/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg'; 3733 // Tracks whether THIS swiper most recently applied the inverted state to the header. 3734 // null = this swiper has not applied any state (so it must not interfere with other swipers). 3735 var lastAppliedState = null; 3736 var canControlHeader = function() { 3737 var swiperElement = swiper.el; 3738 if (!swiperElement) { 3739 return false; 3740 } 3741 var rect = swiperElement.getBoundingClientRect(); 3742 var header = document.querySelector('header.header'); 3743 var headerHeight = header ? header.offsetHeight : 0; 3744 return rect.top <= headerHeight && rect.bottom > headerHeight; 3745 }; 3746 var resetHeaderToDefault = function() { 3747 var headerLogo = document.getElementById('header-logo-image'); 3748 var header = document.querySelector('header.header'); 3749 if (headerLogo) { 3750 headerLogo.src = defaultLogo; 3751 } 3752 if (header) { 3753 header.classList.remove('header-inverted'); 3754 } 3755 if (swiper.el) { 3756 swiper.el.classList.remove('swiper-controls-inverted'); 3757 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 3758 navIcons.forEach(function(icon) { 3759 icon.src = defaultArrow; 3760 }); 3761 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 3762 if (heroOverlayHost) { 3763 heroOverlayHost.classList.remove('hero-controls-inverted'); 3764 } 3765 } 3766 }; 3767 var updateHeaderLogo = function() { 3768 var headerLogo = document.getElementById('header-logo-image'); 3769 var header = document.querySelector('header.header'); 3770 var activeSlide = swiper.el.querySelector('.swiper-slide-active[data-change-logo], .swiper-slide-duplicate-active[data-change-logo]'); 3771 if (!activeSlide) { 3772 activeSlide = swiper.el.querySelector('.swiper-slide[data-change-logo]'); 3773 } 3774 if (!activeSlide) { 3775 return; 3776 } 3777 3778 // If the swiper is no longer overlapping the header (e.g. user scrolled past it), 3779 // revert the header to its default state â but only if THIS swiper had previously 3780 // applied an inverted state. This prevents conflicts when multiple swipers exist. 3781 if (!canControlHeader()) { 3782 if (lastAppliedState === true) { 3783 resetHeaderToDefault(); 3784 lastAppliedState = null; 3785 } 3786 return; 3787 } 3788 3789 var shouldUseInvertedLogo = activeSlide.getAttribute('data-change-logo') === '1'; 3790 var nextLogo = shouldUseInvertedLogo ? invertedLogo : defaultLogo; 3791 var nextArrow = shouldUseInvertedLogo ? invertedArrow : defaultArrow; 3792 if (headerLogo) { 3793 headerLogo.src = nextLogo; 3794 } 3795 if (header) { 3796 header.classList.toggle('header-inverted', shouldUseInvertedLogo); 3797 } 3798 if (swiper.el) { 3799 swiper.el.classList.toggle('swiper-control
3799s-inverted', shouldUseInvertedLogo); 3800 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 3801 navIcons.forEach(function(icon) { 3802 icon.src = nextArrow; 3803 }); 3804 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 3805 if (heroOverlayHost) { 3806 heroOverlayHost.classList.toggle('hero-controls-inverted', shouldUseInvertedLogo); 3807 } 3808 } 3809 lastAppliedState = shouldUseInvertedLogo; 3810 }; 3811 3812 // Throttle scroll handling via requestAnimationFrame to keep things smooth. 3813 var scrollScheduled = false; 3814 var onScroll = function() { 3815 if (scrollScheduled) { 3816 return; 3817 } 3818 scrollScheduled = true; 3819 window.requestAnimationFrame(function() { 3820 scrollScheduled = false; 3821 updateHeaderLogo(); 3822 }); 3823 }; 3824 window.addEventListener('scroll', onScroll, { passive: true }); 3825 window.addEventListener('resize', onScroll, { passive: true }); 3826 3827 updateHeaderLogo(); 3828 // Single-slide setups can finalize active classes slightly later 3829 window.setTimeout(updateHeaderLogo, 0); 3830 window.setTimeout(updateHeaderLogo, 100); 3831 swiper.el.updateHeaderLogo = updateHeaderLogo; 3832 }, 3833 slideChangeTransitionStart: function(swiper) { 3834 if (swiper.el.updateHeaderLogo) { 3835 swiper.el.updateHeaderLogo(); 3836 } 3837 }, 3838 slideChange: function(swiper) { 3839 if (swiper.el.updateHeaderLogo) { 3840 swiper.el.updateHeaderLogo(); 3841 } 3842 } 3843 },});}); 3844 }(jQuery)); 3845//]]></script>
vendor: 1 bytes, line 3845
3845
3846<script type="application/javascript">//<![CDATA[ 3847(function($) { 3848 $(document).ready(function() {const swiper265 = new Swiper('#swiper-265', { 3849effect: "fade", 3850fadeEffect: { 3851 crossFade: true 3852 },speed: 400, 3853on: { 3854 init: function(swiper) { 3855 var defaultLogo = '/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg'; 3856 var invertedLogo = '/_resources/themes/pa_theme/images/dg_logo_01_weissundschwarz_0426.svg'; 3857 var defaultArrow = '/_resources/themes/pa_theme/images/dg_pfeil_weiss.svg'; 3858 var invertedArrow = '/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg'; 3859 // Tracks whether THIS swiper most recently applied the inverted state to the header. 3860 // null = this swiper has not applied any state (so it must not interfere with other swipers). 3861 var lastAppliedState = null; 3862 var canControlHeader = function() { 3863 var swiperElement = swiper.el; 3864 if (!swiperElement) { 3865 return false; 3866 } 3867 var rect = swiperElement.getBoundingClientRect(); 3868 var header = document.querySelector('header.header'); 3869 var headerHeight = header ? header.offsetHeight : 0; 3870 return rect.top <= headerHeight && rect.bottom > headerHeight; 3871 }; 3872 var resetHeaderToDefault = function() { 3873 var headerLogo = document.getElementById('header-logo-image'); 3874 var header = document.querySelector('header.header'); 3875 if (headerLogo) { 3876 headerLogo.src = defaultLogo; 3877 } 3878 if (header) { 3879 header.classList.remove('header-inverted'); 3880 } 3881 if (swiper.el) { 3882 swiper.el.classList.remove('swiper-controls-inverted'); 3883 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 3884 navIcons.forEach(function(icon) { 3885 icon.src = defaultArrow; 3886 }); 3887 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 3888 if (heroOverlayHost) { 3889 heroOverlayHost.classList.remove('hero-controls-inverted'); 3890 } 3891 } 3892 }; 3893 var updateHeaderLogo = function() { 3894 var headerLogo = document.getElementById('header-logo-image'); 3895 var header = document.querySelector('header.header'); 3896 var activeSlide = swiper.el.querySelector('.swiper-slide-active[data-change-logo], .swiper-slide-duplicate-active[data-change-logo]'); 3897 if (!activeSlide) { 3898 activeSlide = swiper.el.querySelector('.swiper-slide[data-change-logo]'); 3899 } 3900 if (!activeSlide) { 3901 return; 3902 } 3903 3904 // If the swiper is no longer overlapping the header (e.g. user scrolled past it), 3905 // revert the header to its default state â but only if THIS swiper had previously 3906 // applied an inverted state. This prevents conflicts when multiple swipers exist. 3907 if (!canControlHeader()) { 3908 if (lastAppliedState === true) { 3909 resetHeaderToDefault(); 3910 lastAppliedState = null; 3911 } 3912 return; 3913 } 3914 3915 var shouldUseInvertedLogo = activeSlide.getAttribute('data-change-logo') === '1'; 3916 var nextLogo = shouldUseInvertedLogo ? invertedLogo : defaultLogo; 3917 var nextArrow = shouldUseInvertedLogo ? invertedArrow : defaultArrow; 3918 if (headerLogo) { 3919 headerLogo.src = nextLogo; 3920 } 3921 if (header) { 3922 header.classList.toggle('header-inverted', shouldUseInvertedLogo); 3923 } 3924 if (swiper.el) { 3925 swiper.el.classList.toggle('swiper-control
3925s-inverted', shouldUseInvertedLogo); 3926 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 3927 navIcons.forEach(function(icon) { 3928 icon.src = nextArrow; 3929 }); 3930 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 3931 if (heroOverlayHost) { 3932 heroOverlayHost.classList.toggle('hero-controls-inverted', shouldUseInvertedLogo); 3933 } 3934 } 3935 lastAppliedState = shouldUseInvertedLogo; 3936 }; 3937 3938 // Throttle scroll handling via requestAnimationFrame to keep things smooth. 3939 var scrollScheduled = false; 3940 var onScroll = function() { 3941 if (scrollScheduled) { 3942 return; 3943 } 3944 scrollScheduled = true; 3945 window.requestAnimationFrame(function() { 3946 scrollScheduled = false; 3947 updateHeaderLogo(); 3948 }); 3949 }; 3950 window.addEventListener('scroll', onScroll, { passive: true }); 3951 window.addEventListener('resize', onScroll, { passive: true }); 3952 3953 updateHeaderLogo(); 3954 // Single-slide setups can finalize active classes slightly later 3955 window.setTimeout(updateHeaderLogo, 0); 3956 window.setTimeout(updateHeaderLogo, 100); 3957 swiper.el.updateHeaderLogo = updateHeaderLogo; 3958 }, 3959 slideChangeTransitionStart: function(swiper) { 3960 if (swiper.el.updateHeaderLogo) { 3961 swiper.el.updateHeaderLogo(); 3962 } 3963 }, 3964 slideChange: function(swiper) { 3965 if (swiper.el.updateHeaderLogo) { 3966 swiper.el.updateHeaderLogo(); 3967 } 3968 } 3969 },});}); 3970 }(jQuery)); 3971//]]></script>
vendor: 1 bytes, line 3971
3971
3972<script type="application/javascript">//<![CDATA[ 3973(function($) { 3974 $(document).ready(function() {const swiper316 = new Swiper('#swiper-316', { 3975effect: "fade", 3976fadeEffect: { 3977 crossFade: true 3978 },speed: 400, 3979on: { 3980 init: function(swiper) { 3981 var defaultLogo = '/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg'; 3982 var invertedLogo = '/_resources/themes/pa_theme/images/dg_logo_01_weissundschwarz_0426.svg'; 3983 var defaultArrow = '/_resources/themes/pa_theme/images/dg_pfeil_weiss.svg'; 3984 var invertedArrow = '/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg'; 3985 // Tracks whether THIS swiper most recently applied the inverted state to the header. 3986 // null = this swiper has not applied any state (so it must not interfere with other swipers). 3987 var lastAppliedState = null; 3988 var canControlHeader = function() { 3989 var swiperElement = swiper.el; 3990 if (!swiperElement) { 3991 return false; 3992 } 3993 var rect = swiperElement.getBoundingClientRect(); 3994 var header = document.querySelector('header.header'); 3995 var headerHeight = header ? header.offsetHeight : 0; 3996 return rect.top <= headerHeight && rect.bottom > headerHeight; 3997 }; 3998 var resetHeaderToDefault = function() { 3999 var headerLogo = document.getElementById('header-logo-image'); 4000 var header = document.querySelector('header.header'); 4001 if (headerLogo) { 4002 headerLogo.src = defaultLogo; 4003 } 4004 if (header) { 4005 header.classList.remove('header-inverted'); 4006 } 4007 if (swiper.el) { 4008 swiper.el.classList.remove('swiper-controls-inverted'); 4009 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 4010 navIcons.forEach(function(icon) { 4011 icon.src = defaultArrow; 4012 }); 4013 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 4014 if (heroOverlayHost) { 4015 heroOverlayHost.classList.remove('hero-controls-inverted'); 4016 } 4017 } 4018 }; 4019 var updateHeaderLogo = function() { 4020 var headerLogo = document.getElementById('header-logo-image'); 4021 var header = document.querySelector('header.header'); 4022 var activeSlide = swiper.el.querySelector('.swiper-slide-active[data-change-logo], .swiper-slide-duplicate-active[data-change-logo]'); 4023 if (!activeSlide) { 4024 activeSlide = swiper.el.querySelector('.swiper-slide[data-change-logo]'); 4025 } 4026 if (!activeSlide) { 4027 return; 4028 } 4029 4030 // If the swiper is no longer overlapping the header (e.g. user scrolled past it), 4031 // revert the header to its default state â but only if THIS swiper had previously 4032 // applied an inverted state. This prevents conflicts when multiple swipers exist. 4033 if (!canControlHeader()) { 4034 if (lastAppliedState === true) { 4035 resetHeaderToDefault(); 4036 lastAppliedState = null; 4037 } 4038 return; 4039 } 4040 4041 var shouldUseInvertedLogo = activeSlide.getAttribute('data-change-logo') === '1'; 4042 var nextLogo = shouldUseInvertedLogo ? invertedLogo : defaultLogo; 4043 var nextArrow = shouldUseInvertedLogo ? invertedArrow : defaultArrow; 4044 if (headerLogo) { 4045 headerLogo.src = nextLogo; 4046 } 4047 if (header) { 4048 header.classList.toggle('header-inverted', shouldUseInvertedLogo); 4049 } 4050 if (swiper.el) { 4051 swiper.el.classList.toggle('swiper-control
4051s-inverted', shouldUseInvertedLogo); 4052 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 4053 navIcons.forEach(function(icon) { 4054 icon.src = nextArrow; 4055 }); 4056 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 4057 if (heroOverlayHost) { 4058 heroOverlayHost.classList.toggle('hero-controls-inverted', shouldUseInvertedLogo); 4059 } 4060 } 4061 lastAppliedState = shouldUseInvertedLogo; 4062 }; 4063 4064 // Throttle scroll handling via requestAnimationFrame to keep things smooth. 4065 var scrollScheduled = false; 4066 var onScroll = function() { 4067 if (scrollScheduled) { 4068 return; 4069 } 4070 scrollScheduled = true; 4071 window.requestAnimationFrame(function() { 4072 scrollScheduled = false; 4073 updateHeaderLogo(); 4074 }); 4075 }; 4076 window.addEventListener('scroll', onScroll, { passive: true }); 4077 window.addEventListener('resize', onScroll, { passive: true }); 4078 4079 updateHeaderLogo(); 4080 // Single-slide setups can finalize active classes slightly later 4081 window.setTimeout(updateHeaderLogo, 0); 4082 window.setTimeout(updateHeaderLogo, 100); 4083 swiper.el.updateHeaderLogo = updateHeaderLogo; 4084 }, 4085 slideChangeTransitionStart: function(swiper) { 4086 if (swiper.el.updateHeaderLogo) { 4087 swiper.el.updateHeaderLogo(); 4088 } 4089 }, 4090 slideChange: function(swiper) { 4091 if (swiper.el.updateHeaderLogo) { 4092 swiper.el.updateHeaderLogo(); 4093 } 4094 } 4095 },});}); 4096 }(jQuery)); 4097//]]></script>
vendor: 1 bytes, line 4097
4097
4098<script type="application/javascript">//<![CDATA[ 4099(function($) { 4100 $(document).ready(function() {const swiper86 = new Swiper('#swiper-86', { 4101effect: "fade", 4102fadeEffect: { 4103 crossFade: true 4104 },speed: 400, 4105on: { 4106 init: function(swiper) { 4107 var defaultLogo = '/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg'; 4108 var invertedLogo = '/_resources/themes/pa_theme/images/dg_logo_01_weissundschwarz_0426.svg'; 4109 var defaultArrow = '/_resources/themes/pa_theme/images/dg_pfeil_weiss.svg'; 4110 var invertedArrow = '/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg'; 4111 // Tracks whether THIS swiper most recently applied the inverted state to the header. 4112 // null = this swiper has not applied any state (so it must not interfere with other swipers). 4113 var lastAppliedState = null; 4114 var canControlHeader = function() { 4115 var swiperElement = swiper.el; 4116 if (!swiperElement) { 4117 return false; 4118 } 4119 var rect = swiperElement.getBoundingClientRect(); 4120 var header = document.querySelector('header.header'); 4121 var headerHeight = header ? header.offsetHeight : 0; 4122 return rect.top <= headerHeight && rect.bottom > headerHeight; 4123 }; 4124 var resetHeaderToDefault = function() { 4125 var headerLogo = document.getElementById('header-logo-image'); 4126 var header = document.querySelector('header.header'); 4127 if (headerLogo) { 4128 headerLogo.src = defaultLogo; 4129 } 4130 if (header) { 4131 header.classList.remove('header-inverted'); 4132 } 4133 if (swiper.el) { 4134 swiper.el.classList.remove('swiper-controls-inverted'); 4135 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 4136 navIcons.forEach(function(icon) { 4137 icon.src = defaultArrow; 4138 }); 4139 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 4140 if (heroOverlayHost) { 4141 heroOverlayHost.classList.remove('hero-controls-inverted'); 4142 } 4143 } 4144 }; 4145 var updateHeaderLogo = function() { 4146 var headerLogo = document.getElementById('header-logo-image'); 4147 var header = document.querySelector('header.header'); 4148 var activeSlide = swiper.el.querySelector('.swiper-slide-active[data-change-logo], .swiper-slide-duplicate-active[data-change-logo]'); 4149 if (!activeSlide) { 4150 activeSlide = swiper.el.querySelector('.swiper-slide[data-change-logo]'); 4151 } 4152 if (!activeSlide) { 4153 return; 4154 } 4155 4156 // If the swiper is no longer overlapping the header (e.g. user scrolled past it), 4157 // revert the header to its default state â but only if THIS swiper had previously 4158 // applied an inverted state. This prevents conflicts when multiple swipers exist. 4159 if (!canControlHeader()) { 4160 if (lastAppliedState === true) { 4161 resetHeaderToDefault(); 4162 lastAppliedState = null; 4163 } 4164 return; 4165 } 4166 4167 var shouldUseInvertedLogo = activeSlide.getAttribute('data-change-logo') === '1'; 4168 var nextLogo = shouldUseInvertedLogo ? invertedLogo : defaultLogo; 4169 var nextArrow = shouldUseInvertedLogo ? invertedArrow : defaultArrow; 4170 if (headerLogo) { 4171 headerLogo.src = nextLogo; 4172 } 4173 if (header) { 4174 header.classList.toggle('header-inverted', shouldUseInvertedLogo); 4175 } 4176 if (swiper.el) { 4177 swiper.el.classList.toggle('swiper-control
4177s-inverted', shouldUseInvertedLogo); 4178 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 4179 navIcons.forEach(function(icon) { 4180 icon.src = nextArrow; 4181 }); 4182 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 4183 if (heroOverlayHost) { 4184 heroOverlayHost.classList.toggle('hero-controls-inverted', shouldUseInvertedLogo); 4185 } 4186 } 4187 lastAppliedState = shouldUseInvertedLogo; 4188 }; 4189 4190 // Throttle scroll handling via requestAnimationFrame to keep things smooth. 4191 var scrollScheduled = false; 4192 var onScroll = function() { 4193 if (scrollScheduled) { 4194 return; 4195 } 4196 scrollScheduled = true; 4197 window.requestAnimationFrame(function() { 4198 scrollScheduled = false; 4199 updateHeaderLogo(); 4200 }); 4201 }; 4202 window.addEventListener('scroll', onScroll, { passive: true }); 4203 window.addEventListener('resize', onScroll, { passive: true }); 4204 4205 updateHeaderLogo(); 4206 // Single-slide setups can finalize active classes slightly later 4207 window.setTimeout(updateHeaderLogo, 0); 4208 window.setTimeout(updateHeaderLogo, 100); 4209 swiper.el.updateHeaderLogo = updateHeaderLogo; 4210 }, 4211 slideChangeTransitionStart: function(swiper) { 4212 if (swiper.el.updateHeaderLogo) { 4213 swiper.el.updateHeaderLogo(); 4214 } 4215 }, 4216 slideChange: function(swiper) { 4217 if (swiper.el.updateHeaderLogo) { 4218 swiper.el.updateHeaderLogo(); 4219 } 4220 } 4221 },});}); 4222 }(jQuery)); 4223//]]></script>
vendor: 1 bytes, line 4223
4223
4224<script type="application/javascript">//<![CDATA[ 4225(function($) { 4226 $(document).ready(function() {const swiper78 = new Swiper('#swiper-78', { 4227loop: true, 4228effect: "fade", 4229fadeEffect: { 4230 crossFade: true 4231 },speed: 200, 4232autoplay: { 4233 4234 delay: 50, 4235 }, 4236on: { 4237 init: function(swiper) { 4238 var defaultLogo = '/_resources/themes/pa_theme/images/dg_logo_01_schwarzundweiss_0426.svg'; 4239 var invertedLogo = '/_resources/themes/pa_theme/images/dg_logo_01_weissundschwarz_0426.svg'; 4240 var defaultArrow = '/_resources/themes/pa_theme/images/dg_pfeil_weiss.svg'; 4241 var invertedArrow = '/_resources/themes/pa_theme/images/dg_pfeil_schwarz.svg'; 4242 // Tracks whether THIS swiper most recently applied the inverted state to the header. 4243 // null = this swiper has not applied any state (so it must not interfere with other swipers). 4244 var lastAppliedState = null; 4245 var canControlHeader = function() { 4246 var swiperElement = swiper.el; 4247 if (!swiperElement) { 4248 return false; 4249 } 4250 var rect = swiperElement.getBoundingClientRect(); 4251 var header = document.querySelector('header.header'); 4252 var headerHeight = header ? header.offsetHeight : 0; 4253 return rect.top <= headerHeight && rect.bottom > headerHeight; 4254 }; 4255 var resetHeaderToDefault = function() { 4256 var headerLogo = document.getElementById('header-logo-image'); 4257 var header = document.querySelector('header.header'); 4258 if (headerLogo) { 4259 headerLogo.src = defaultLogo; 4260 } 4261 if (header) { 4262 header.classList.remove('header-inverted'); 4263 } 4264 if (swiper.el) { 4265 swiper.el.classList.remove('swiper-controls-inverted'); 4266 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 4267 navIcons.forEach(function(icon) { 4268 icon.src = defaultArrow; 4269 }); 4270 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 4271 if (heroOverlayHost) { 4272 heroOverlayHost.classList.remove('hero-controls-inverted'); 4273 } 4274 } 4275 }; 4276 var updateHeaderLogo = function() { 4277 var headerLogo = document.getElementById('header-logo-image'); 4278 var header = document.querySelector('header.header'); 4279 var activeSlide = swiper.el.querySelector('.swiper-slide-active[data-change-logo], .swiper-slide-duplicate-active[data-change-logo]'); 4280 if (!activeSlide) { 4281 activeSlide = swiper.el.querySelector('.swiper-slide[data-change-logo]'); 4282 } 4283 if (!activeSlide) { 4284 return; 4285 } 4286 4287 // If the swiper is no longer overlapping the header (e.g. user scrolled past it), 4288 // revert the header to its default state â but only if THIS swiper had previously 4289 // applied an inverted state. This prevents conflicts when multiple swipers exist. 4290 if (!canControlHeader()) { 4291 if (lastAppliedState === true) { 4292 resetHeaderToDefault(); 4293 lastAppliedState = null; 4294 } 4295 return; 4296 } 4297 4298 var shouldUseInvertedLogo = activeSlide.getAttribute('data-change-logo') === '1'; 4299 var nextLogo = shouldUseInvertedLogo ? invertedLogo : defaultLogo; 4300 var nextArrow = shouldUseInvertedLogo ? invertedArrow : defaultArrow; 4301 if (headerLogo) { 4302 headerLogo.src = nextLogo; 4303 } 4304 if (header) { 4305 header.classList.toggle('header-inverted', shouldUseInvertedLogo); 4306 } 4307 if (swiper.el) { 4308 swiper.el.classList.toggle('swiper-control
4308s-inverted', shouldUseInvertedLogo); 4309 var navIcons = swiper.el.querySelectorAll('.swiper-button-prev img, .swiper-button-next img'); 4310 navIcons.forEach(function(icon) { 4311 icon.src = nextArrow; 4312 }); 4313 var heroOverlayHost = swiper.el.closest('.hero-overlay-host'); 4314 if (heroOverlayHost) { 4315 heroOverlayHost.classList.toggle('hero-controls-inverted', shouldUseInvertedLogo); 4316 } 4317 } 4318 lastAppliedState = shouldUseInvertedLogo; 4319 }; 4320 4321 // Throttle scroll handling via requestAnimationFrame to keep things smooth. 4322 var scrollScheduled = false; 4323 var onScroll = function() { 4324 if (scrollScheduled) { 4325 return; 4326 } 4327 scrollScheduled = true; 4328 window.requestAnimationFrame(function() { 4329 scrollScheduled = false; 4330 updateHeaderLogo(); 4331 }); 4332 }; 4333 window.addEventListener('scroll', onScroll, { passive: true }); 4334 window.addEventListener('resize', onScroll, { passive: true }); 4335 4336 updateHeaderLogo(); 4337 // Single-slide setups can finalize active classes slightly later 4338 window.setTimeout(updateHeaderLogo, 0); 4339 window.setTimeout(updateHeaderLogo, 100); 4340 swiper.el.updateHeaderLogo = updateHeaderLogo; 4341 }, 4342 slideChangeTransitionStart: function(swiper) { 4343 if (swiper.el.updateHeaderLogo) { 4344 swiper.el.updateHeaderLogo(); 4345 } 4346 }, 4347 slideChange: function(swiper) { 4348 if (swiper.el.updateHeaderLogo) { 4349 swiper.el.updateHeaderLogo(); 4350 } 4351 } 4352 },});}); 4353 }(jQuery)); 4354//]]></script>
4354 4355</body> 4356</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.