PageSourceSearch

https://duemmelgrafik.de/info

html duemmelgrafik.de collected 2026-10-10 01:22:07 UTC 149,270 bytes, 4,356 lines download raw bytes

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 &raquo; 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        &nbsp;
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&nbsp;N&nbsp;D&nbsp;R&nbsp;E&nbsp;A&nbsp;S&nbsp; D&nbsp;Ü&nbsp;M&nbsp;M&nbsp;E&nbsp;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>&copy; 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.