PageSourceSearch

https://staempfli.com/de/leistungen

html staempfli.com collected 2026-10-02 02:55:29 UTC 114,436 bytes, 4,150 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de-CH">
3<head>
4    <meta charset="utf-8">
5
6<!-- 
7	Stämpfli Kommunikation
8	www.staempfli.com
9
10	This website is powered by TYPO3 - inspiring people to share!
11	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
12	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
13	Information and contribution at https://typo3.org/
14-->
15
16<link rel="icon" href="/_assets/6776cf7e4dc5ebdc135a58b0e6d5d428/Images/Favicons/favicon.svg" type="image/svg+xml">
17<title>Umfassende und individuelle Leistungen für Ihre Kommunikation: staempfli.com</title>
18<meta name="generator" content="TYPO3 CMS">
19<meta name="description" content="Sie wollen Ihre Marke stärken, Ihre gesamte Kommunikation verbessern oder einfach Ihr Magazin auffrischen? Wir sind für Sie da! Erfahren Sie mehr.">
20<meta name="viewport" content="width=device-width, initial-scale=1">
21<meta name="robots" content="index,follow">
22<meta property="og:title" content="Umfassende und individuelle Leistungen für Ihre Kommunikation">
23<meta property="og:description" content="Sie wollen Ihre Marke stärken, Ihre gesamte Kommunikation verbessern oder einfach Ihr Magazin auffrischen? Wir sind für Sie da! Erfahren Sie mehr.">
24<meta property="og:image" content="https://staempfli.com/fileadmin/_processed_/9/5/csm_marke-staempfli-kommunikation_a8b49be064.jpg">
25<meta property="og:image:url" content="https://staempfli.com/fileadmin/_processed_/9/5/csm_marke-staempfli-kommunikation_a8b49be064.jpg">
26<meta property="og:image:width" content="2000">
27<meta property="og:image:height" content="1047">
28<meta property="og:image:alt" content="Eine Mitarbeiterin blickt konzentriert in die Ferne. ">
29<meta property="og:site_name" content="staempfli.com">
30<meta name="twitter:title" content="Umfassende und individuelle Leistungen für Ihre Kommunikation">
31<meta name="twitter:description" content="Sie wollen Ihre Marke stärken, Ihre gesamte Kommunikation verbessern oder einfach Ihr Magazin auffrischen? Wir sind für Sie da! Erfahren Sie mehr.">
32<meta name="twitter:image" content="https://staempfli.com/fileadmin/_processed_/9/5/csm_marke-staempfli-kommunikation_a8b49be064.jpg">
33<meta name="twitter:image:alt" content="Eine Mitarbeiterin blickt konzentriert in die Ferne. ">
34<meta name="twitter:card" content="summary">
35<meta name="apple-mobile-web-app-capable" content="no">
36<meta property="twitter:site_name" content="staempfli.com">
37
38
39<link rel="stylesheet" href="/typo3temp/assets/compressed/merged-37d15554eebd3e9859953854bec0a6c3-b856ff4047cc45632adbdf393b925538.css?1790756767" media="all">
40<link rel="stylesheet" href="/typo3temp/assets/compressed/merged-86ef7de7e1c68976cc44f5ab056e6405-4d4735013aa09364de1ab52ea6b97d5f.css?1790756767" media="print">
41
42
43
44<script src="/typo3temp/assets/compressed/merged-c5af6aa418effecc17cbd820e3293183-01929f9c09948fceb103ccba31263ef5.js?1771236147"></script>
44
45
46<script src="/typo3temp/assets/compressed/merged-5d51d69c463dc0f85ba461ad9f0331cc-a153cc88f6c62ae426e3c8b5ebed3542.js?1789731236"></script>
46
47
48
49
50<link rel="manifest" href="https://staempfli.com/webmanifest.json">
51<script data-ignore="1" data-cookieconsent="statistics" type="text/plain"></script>
51
52
53
54    <link rel="icon" href="/_assets/6776cf7e4dc5ebdc135a58b0e6d5d428/Images/Favicons/favicon.ico?1763382299" sizes="32x32">
55    <link rel="icon" href="/_assets/6776cf7e4dc5ebdc135a58b0e6d5d428/Images/Favicons/favicon.svg?1763382299" type="image/svg+xml">
56    <link rel="apple-touch-icon" href="/_assets/6776cf7e4dc5ebdc135a58b0e6d5d428/Images/Favicons/apple-touch-icon.png?1763382299"><!-- 180×180 -->
57
58    <link rel="icon" type="image/png" href="/_assets/6776cf7e4dc5ebdc135a58b0e6d5d428/Images/Favicons/android-chrome-192x192.png?1763382299" sizes="192x192">
59    <link rel="icon" type="image/png" href="/_assets/6776cf7e4dc5ebdc135a58b0e6d5d428/Images/Favicons/android-chrome-512x512.png?1763382299" sizes="512x512">
60
61    <meta name="msapplication-TileImage" content="/_assets/6776cf7e4dc5ebdc135a58b0e6d5d428/Images/Favicons/android-chrome-512x512.png?1763382299">
62
63
64
65    <meta name="msapplication-TileColor" content="#000000">
66
67
68
69<link rel="canonical" href="https://staempfli.com/de/leistungen">
70
71<link rel="alternate" hreflang="de-CH" href="https://staempfli.com/de/leistungen">
72<link rel="alternate" hreflang="fr-CH" href="https://staempfli.com/fr/services">
73<link rel="alternate" hreflang="x-default" href="https://staempfli.com/de/leistungen">
74</head>
75<body class="highlight--aqua"data-uid="508">
76
77    
78
79    
80        
81
82
83
84    
85
86    
87
88
89
90
91
92    
93
94    
95
96
97<header id="header" class="">
98    <nav class="main-nav">
99        
100
101
102
103
104<div class="navbar navbar-expand-lg">
105    <div class="navbar-brand logo">
106        <a href="https://staempfli.com/de/"><svg id="staempfli_logo" data-name="staempfli logo" viewBox="0 0 226 65" width="226px" height="65px" role="img" aria-labelledby="#main-logo-image"><title id="main-logo-image">Logo Stämpfli Kommunikation, zur Startseite</title><path id="logo" d="M1.4,64H3.5c.4-1.5,.6-2.2,1.1-2.8,.6-.7,1.1-1,1.8-1s1.3,.1,1.8,.4c.7,.3,1.3,.7,2.1,1.1,1.4,.7,2.6,1.2,4.3,1.7,2.1,.7,5.1,1.3,8,1.3,3.6,0,6.7-.6,9.6-1.7,2.7-1.1,6.1-3.1,8.7-6.4,2-2.5,3.5-6,3.4-10-.1-5-2.2-9.1-6.4-12.6-3-2.5-7-4.1-9.9-4.9l-8.8,7.3c2.7,.9,6.8,2.5,9.5,4.2,2.1,1.3,3.3,2.5,4.3,4,1.1,1.7,1.8,4,1.7,6.2-.2,3.1-1.6,5.3-3.8,7.2-1.9,1.6-5.1,3-8.8,2.9-3.7-.1-7-1.3-9.7-3.2-2.6-1.8-4.3-3.9-6-6.6-1.8-3-3.1-6.7-4.2-10.6l-1.7,1.4c.3,4.2,.4,6.7,.7,11,.2,6,.2,11.1,.2,11.1Zm9.5-31l8.6-7.1c-3.7-1.4-8.4-3.8-8.4-8.5,0-1.7,.6-3.3,2-4.8,1.7-1.8,4.1-3,7.1-3.4,2.9-.4,5.6-.2,8.4,.9,1.8,.7,3.4,1.4,5.7,3.6l6.8-5.6c-2.7-2.7-5.9-4.8-9.2-6.1-3-1.2-6.3-1.7-9.9-1.7h-1.1c-5.5,.2-11,2.5-14.9,6.2C2.5,9.9,.7,14,.7,18.5c0,3.7,1.2,6.9,3.6,9.7,2.2,2.4,4.8,4,6.6,4.8Zm58.9-6.4c-1.8,0-3.4-.7-3.7-2.9h-2.9c.3,3.3,2.8,5.3,6.5,5.3,3,0,6.2-1.5,6.2-4.7,0-3.1-2.7-4.1-5.2-4.6l-2-.3c-1.2-.2-2.1-.8-2.1-1.9,0-1.3,1.6-1.9,2.9-1.9,1.4,0,3,.6,3.2,2.4h2.9c-.1-2.9-2.8-4.7-6-4.7-2.8,0-6,1.3-6,4.4,0,2.6,2.1,3.9,4.5,4.4l1.9,.3c1.6,.3,2.8,.8,2.8,2.1,0,1.6-1.7,2.1-3,2.1h0Zm9.1-.9c0,2.2,.5,3,3.1,3h2.1v-2.1h-.9c-1,0-1.4-.2-1.4-1.4v-5.8h2.3v-2h-2.3v-3h-2.9v3h-1.6v2h1.6c0,.1,0,6.3,0,6.3Zm13.8-12.2h2.4v2.4h-2.4v-2.4Zm-5.1,0h2.4v2.4h-2.4v-2.4Zm8.8,11.5v-2.9c0-3.8-2.2-5-4.9-5-2.9,0-4.7,1.6-5,3.9h2.7c.1-1.2,1-1.8,2.1-1.8,1.2,0,2.1,.6,2.1,2.3v.2c-4.4,.5-7.4,1.3-7.4,4,0,2,1.9,3.3,4.1,3.3,1.7,0,2.9-.5,3.7-1.7,0,.5,.1,1,.2,1.4h2.7c-.2-.9-.3-1.9-.3-3.7h0Zm-2.8-.6c0,1.7-.8,2.6-2.6,2.6-1.3,0-2-.7-2-1.5,0-1.3,1.3-1.6,4.5-2v.9h.1Zm19.7-2.2v6.6h2.9v-7.1c0-2.7-1-4.4-3.8-4.4-1.7,0-2.8,.6-3.7,1.8-.4-.8-1.3-1.8-3.2-1.8-1.4,0-2.5,.6-3.1,1.7v-1.5h-2.9v11.3h2.9v-5.9c0-1.7,.3-3.3,2.2-3.3,1.7,0,1.8,1.4,1.8,2.6v6.6h2.9v-5.9c0-1.7,.3-3.3,2.2-3.3,1.7-.1,1.8,1.3,1.8,2.6Zm12.1-5c-1.4,0-2.6,.7-3.3,1.7v-1.4h-2.9v14.9h2.9v-5.1c.7,1.2,2,1.7,3.2,1.7,2.7,0,4.9-2.3,4.9-5.9,.1-3.5-2.1-5.9-4.8-5.9Zm-.7,9.6c-1.6,0-2.6-1.4-2.6-3.7s1-3.7,2.6-3.7c1.5,0,2.6,1.5,2.6,3.7s-1.1,3.7-2.6,3.7Zm8.7,1.9h2.9v-9.3h2.3v-2h-2.3v-.5c0-1.1,.3-1.2,1.7-1.2h.6v-2.1h-1c-2.8,0-4.2,.4-4.2,3.3v.6h-1.6v2h1.6c0-.1,0,9.2,0,9.2Zm7.2-15.2h2.9v15.2h-2.9V13.5Zm6.1,0h2.9v2.7h-2.9v-2.7Zm0,4h2.9v11.3h-2.9v-11.3Zm-69.9,22.8h-3.5l-6.2,7v-7h-3v15.2h3v-4.6l2-2.3,4.5,6.9h3.6l-6-9.1s5.6-6.1,5.6-6.1Zm6.6,3.7c-2.8,0-5.7,2-5.7,5.9,0,4,2.8,5.9,5.7,5.9s5.7-1.9,5.7-5.9c-.1-4-2.9-5.9-5.7-5.9Zm0,9.5c-1.6,0-2.7-1.3-2.7-3.6,0-2.4,1.1-3.7,2.7-3.7s2.7,1.3,2.7,3.7c0,2.3-1.1,3.6-2.7,3.6Zm21-9.5c-1.7,0-2.8,.6-3.7,1.8-.4-.8-1.3-1.8-3.2-1.8-1.4,0-2.5,.6-3.1,1.7v-1.5h-2.9v11.3h2.9v-5.9c0-1.7,.3-3.3,2.2-3.3,1.7,0,1.8,1.4,1.8,2.6v6.6h2.9v-5.9c0-1.7,.3-3.3,2.2-3.3,1.7,0,1.8,1.4,1.8,2.6v6.6h2.9v-7.1c.1-2.7-.9-4.4-3.8-4.4Zm19.8,0c-1.7,0-2.8,.6-3.7,1.8-.4-.8-1.3-1.8-3.2-1.8-1.4,0-2.5,.6-3.1,1.7v-1.5h-2.9v11.3h2.9v-5.9c0-1.7,.3-3.3,2.2-3.3,1.7,0,1.8,1.4,1.8,2.6v6.6h2.9v-5.9c0-1.7,.3-3.3,2.2-3.3,1.7,0,1.8,1.4,1.8,2.6v6.6h2.9v-7.1c.1-2.7-.9-4.4-3.8-4.4Zm13.8,6.1c0,
1061.8-.4,3.4-2.3,3.4-1.6,0-1.8-1.2-1.8-2.7v-6.5h-2.9v7.1c0,2.8,1.1,4.4,3.8,4.4,1.4,0,2.6-.6,3.3-1.8v1.5h2.9v-11.3h-3s0,5.9,0,5.9Zm12.3-6.1c-1.4,0-2.6,.6-3.3,1.7v-1.5h-2.9v11.3h2.9v-5.9c0-1.8,.4-3.3,2.3-3.3,1.6,0,2,1.3,2,2.7v6.5h2.9v-7.1c0-2.8-1.2-4.4-3.9-4.4Zm7,.2h2.9v11.3h-2.9v-11.3Zm0-3.9h2.9v2.7h-2.9v-2.7Zm16.3,3.9h-3.2l-4.1,4.5v-8.4h-2.9v15.2h2.9v-3.4l1.4-1.5,2.9,4.9h3.2l-4.2-7,4-4.3h0Zm11.5,7.6v-2.9c0-3.8-2.2-5-4.9-5-2.9,0-4.7,1.6-4.9,3.9h2.7c.1-1.2,1-1.8,2.1-1.8,1.2,0,2.1,.6,2.1,2.3v.2c-4.4,.5-7.4,1.3-7.4,4,0,2,1.9,3.3,4.1,3.3,1.7,0,2.9-.5,3.7-1.7,0,.5,.1,1,.2,1.4h2.7c-.3-1-.4-2-.4-3.7h0Zm-5.3,2c-1.3,0-2-.7-2-1.5,0-1.3,1.3-1.6,4.5-2v.9h0c.1,1.6-.7,2.6-2.5,2.6Zm11.7-12.6h-2.9v3h-1.6v2h1.6v6.2c0,2.2,.5,3,3.1,3h2.1v-2.1h-.9c-1,0-1.4-.2-1.4-1.4v-5.8h2.3v-2h-2.3v-2.9h0Zm4.8-.9h2.9v2.7h-2.9v-2.7Zm0,3.9h2.9v11.3h-2.9v-11.3Zm11-.2c-2.8,0-5.7,2-5.7,5.9,0,4,2.8,5.9,5.7,5.9s5.7-1.9,5.7-5.9-2.8-5.9-5.7-5.9Zm0,9.5c-1.6,0-2.7-1.3-2.7-3.6,0-2.4,1.1-3.7,2.7-3.7s2.7,1.3,2.7,3.7c0,2.3-1.1,3.6-2.7,3.6Zm14.3-9.5c-1.4,0-2.6,.6-3.3,1.7v-1.5h-2.9v11.3h2.9v-5.9c0-1.8,.4-3.3,2.3-3.3,1.6,0,2,1.3,2,2.7v6.5h2.9v-7.1c0-2.8-1.2-4.4-3.9-4.4Z" style="fill: #1405be;"/></svg></a>
107    </div>
108
109    <div id="navbarSupportedContent" class="collapse navbar-collapse">
110        
111        
112
113        <ul class="mainmenu navbar-nav ml-auto">
114            
115                <li class="nav-item ">
116                    
117                            <a class="a-button-navigation nav-link active" href="/de/leistungen" target="" title="Leistungen" aria-current="page">
118                                Leistungen
119                            </a>
120                        
121                </li>
122            
123                <li class="nav-item ">
124                    
125                            <a class="a-button-navigation nav-link " href="/de/referenzen" target="" title="Referenzen" >
126                                Referenzen
127                            </a>
128                        
129                </li>
130            
131                <li class="nav-item ">
132                    
133                            <a class="a-button-navigation nav-link " href="/de/ueber-uns" target="" title="Über uns" >
134                                Über uns
135                            </a>
136                        
137                </li>
138            
139                <li class="nav-item ">
140                    
141                            <a class="a-button-navigation nav-link " href="/de/karriere" target="" title="Karriere" >
142                                Karriere
143                            </a>
144                        
145                </li>
146            
147                <li class="nav-item ">
148                    
149                            <a class="a-button-navigation nav-link " href="/de/ueber-uns/kontakt" target="" title="Kontakt" >
150                                Kontakt
151                            </a>
152                        
153                </li>
154            
155
156            
157                <li class="search-trigger">
158                    <a data-bs-toggle="modal" href="#search" title="Suche in Modal öffnen" role="menuitem">
159                        <svg viewBox="0 0 49 50"><circle cx="22.2" cy="21.7" r="19.4" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M37.9 39l8.1 8.1" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
160                    </a>
161                </li>
162            
163        </ul>
164    </div>
165
166    <a href="#mobileNavigation"
167       role="button"
168       class="d-lg-none mobile-menu-button"
169       aria-label="Navigation öffnen"
170       aria-controls="mobileNavigation"
171       aria-expanded="false">
172        <span class="mobile-navigation-stripe"></span>
173        <span class="mobile-navigation-stripe"></span>
174    </a>
175</div>
176
177<div class="mobileNavigation d-lg-none">
178    <nav id="mobileNavigation" class="d-lg-none">
179        <ul>
180            
181                <li class="search-trigger">
182                    <a data-bs-toggle="modal" href="#search" title="Suche in Modal öffnen" aria-label="Suche in Modal öffnen">
183                        <svg viewBox="0 0 49 50"><circle cx="22.2" cy="21.7" r="19.4" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M37.9 39l8.1 8.1" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
184                    </a>
185                </li>
186            
187
188            
189                <li class="nav-item ">
190                    <a class="a-button-navigation nav-link main-item active" href="/de/leistungen" target="" title="Leistungen" aria-current="page">
191                        Leistungen
192                    </a>
193                </li>
194            
195                <li class="nav-item ">
196                    <a class="a-button-navigation nav-link main-item" href="/de/referenzen" target="" title="Referenzen" >
197                        Referenzen
198                    </a>
199                </li>
200            
201                <li class="nav-item ">
202                    <a class="a-button-navigation nav-link main-item" href="/de/ueber-uns" target="" title="Über uns" >
203                        Über uns
204                    </a>
205                </li>
206            
207                <li class="nav-item ">
208                    <a class="a-button-navigation nav-link main-item" href="/de/karriere" target="" title="Karriere" >
209                        Karriere
210                    </a>
211                </li>
212            
213                <li class="nav-item ">
214                    <a class="a-button-navigation nav-link main-item" href="/de/ueber-uns/kontakt" target="" title="Kontakt" >
215                        Kontakt
216                    </a>
217                </li>
218            
219
220            
221            
222        </ul>
223    </nav>
224</div>
225
226
227    </nav>
228    <nav class="sr-only">
229        
230
231<ul aria-label="Sprache ändern">
232    
233        <li>
234            
235                    <a class="active"
236                       href="/de/leistungen" hreflang="de-CH" title="DE" aria-label="Deutsch ausgewählt">
237                        DE
238                    </a>
239                
240        </li>
241    
242        <li>
243            
244                    <a class=""
245                       href="/fr/services" hreflang="fr-CH" title="FR" aria-label="Französisch">
246                        FR
247                    </a>
248                
249        </li>
250    
251        <li>
252            
253        </li>
254    
255        <li>
256            
257        </li>
258    
259</ul>
260
261
262    </nav>
263</header>
264
265
266
267    <main class="main content">
268        <div class="container">
269            
270
271    
272        
273
274
275    <nav class="bradcrumbnavigation" aria-label="breadcrumb">
276        <ol class="breadcrumb">
277            
278                
279                        <li class="breadcrumb-item active" aria-current="page">
280                            Leistungen
281                        </li>
282                    
283            
284        </ol>
285    </nav>
286
287
288
289    
290
291
292        </div>
293
294        <!--TYPO3SEARCH_begin-->
295        
296        
297
298
299        <div id="c6096" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-default background-type-transparent" >
300            <div class="frame-inner-wrapper">
301                
302                        
303                        
304                            
305
306
307
308                        
309                        
310                            
311
312    
313        
314
315
316    
317        
318        <header class="">
319            
320
321
322
323
324
325            
326
327
328    
329            <h1 class="">
330                Unsere Leistungen für Ihren <em>Kommuni<span class="shy">­</span>ka<span class="shy">­</span>tions<span class="shy">­</span>erfolg</em>
331            </h1>
332        
333
334
335
336            
337
338
339
340
341            
342
343
344
345            
346    
347        <p class="lead">Unser Angebot ist breit, lässt sich individuell zusammenstellen und hält auch für Sie passende Lösungen bereit. Kein Projekt ist zu klein oder zu komplex – bei uns sind Sie immer richtig.</p>
348    
349
350
351        </header>
352    
353
354
355
356    
357
358
359                        
360                        
361
362    <div class="ce-textpic ce-center ce-below">
363        
364                
365                        
366                    
367            
368
369        
370                
371                        
372                    
373            
374        
375        
376            
377
378
379
380        
381    </div>
382
383
384                        
385                        
386                            
387
388
389
390                        
391                        
392                            
393
394
395
396                        
397                    
398            </div>
399        </div>
400    
401
402
403
404
405        <div id="c6123" class="frame frame-default frame-type-textmedia frame-layout-4 container-width-wide background-type-transparent" >
406            <div class="frame-inner-wrapper">
407                
408                        
409                        
410                            
411
412
413
414                        
415                        
416                            
417
418    
419        
420
421
422    
423
424
425
426    
427
428
429                        
430                        
431
432    <div class="ce-textpic ce-center ce-above">
433        
434                
435                        <div class="single-video-wrap">
436                            
437                                <video class="video" playsinline muted autoplay loop src="https://staempfli.com/fileadmin/Leistungen/experience-staempfli-kommunikation.mp4" aria-label="Ein Schnitt versetzt den Mond aus dem Weltall auf die Postkarte einer Werbekampagne, ein weiterer führt von Plänen auf Papier zu einem neuen Webauftritt.">
438                                </video>
439                            
440                        </div>  
441                    
442            
443
444        
445                
446                        
447                    
448            
449        
450        
451    </div>
452
453
454                        
455                        
456                            
457
458
459
460                        
461                        
462                            
463
464
465
466                        
467                    
468            </div>
469        </div>
470    
471
472
473
474
475        <div id="c8646" class="frame frame-default frame-type-textmedia frame-layout-5 container-width-default background-type-transparent" >
476            <div class="frame-inner-wrapper">
477                
478                        
479                        
480                            
481
482
483
484                        
485                        
486                            
487
488    
489        
490
491
492    
493
494
495
496    
497
498
499                        
500                        
501
502    <div class="ce-textpic ce-center ce-above">
503        
504                
505                        
506                            
507
508
509
510                        
511                    
512            
513
514        
515                
516                        <div class="ce-bodytext">
517                            
518                                    
519                                
520                            <ul class="list-group toc-list" id="toc-list-nav" role="navigation"> 	<li><a href="#c6101" class="link-internal">Marke und Experience</a></li> 	<li><a href="#c6116" class="link-internal">Publishing</a></li> 	<li><a href="#c8594" class="link-internal">Produkte</a></li> 	<li><a href="#c8602" class="link-internal">Services</a></li> 	<li><a href="#c6119" class="link-internal">Print</a></li> 	<li><a href="#c6122" class="link-internal">Vermarktung</a></li> </ul>
521                        </div>
522                    
523            
524        
525        
526    </div>
527
528
529                        
530                        
531                            
532
533
534
535                        
536                        
537                            
538
539
540
541                        
542                    
543            </div>
544        </div>
545    
546
547
548
549
550
551        <div id="c6101" class="frame frame-default frame-type-2-column-container frame-layout-0 container-width-default frame-space-after-extra-large background-type-transparent">
552            <div class="frame-inner-wrapper">
553                
554
555                
556                    
557
558
559
560                
561
562                
563                    
564
565    
566
567
568
569                
570
571                
572    <div class="row">
573        <div class="col-12 col-lg-6">
574            
575                
576                    
577
578
579        <div id="c6112" class="frame frame-default frame-type-textmedia frame-layout-3 container-width-default background-type-transparent" >
580            <div class="frame-inner-wrapper">
581                
582                        
583                        
584                            
585
586
587
588                        
589                        
590                            
591
592    
593        
594
595
596
597    
598        <p class="subheader">Marke und Experience</p>
599    
600    
601        <header>
602            
603
604
605    
606            <h2 class="">
607                Welcher Auftritt passt zu Ihnen?
608            </h2>
609        
610
611
612
613        </header>
614    
615
616
617
618    
619
620
621                        
622                        
623
624    <div class="ce-textpic ce-center ce-above">
625        
626                
627                        
628                            
629
630
631
632                        
633                    
634            
635
636        
637                
638                        
639                    
640            
641        
642        
643    </div>
644
645
646                        
647                        
648                            
649
650
651
652                        
653                        
654                            
655
656
657
658                        
659                    
660            </div>
661        </div>
662    
663
664
665                
666            
667        </div>
668
669        <div class="col-12 col-lg-6">
670            
671                
672                    
673
674
675        <div id="c6102" class="frame frame-default frame-type-menu_pages frame-layout-0 container-width-default background-type-transparent" >
676            <div class="frame-inner-wrapper">
677                
678                        
679                        
680                            
681
682
683
684                        
685                        
686                            
687                                
688
689
690    
691
692
693
694                            
695                        
696                        
697    
698        <div class="staempfli-list-container--6102">
699            
700                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/branding" title="Branding">
701                    <div class="entry-arrow">
702                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
703                    </div>
704                    <div class="entry-content">
705                        <h2 class="entry-title">Branding</h2>
706                    </div>
707                </a>
708            
709                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/corporate-communication" title="Corporate Communication">
710                    <div class="entry-arrow">
711                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
712                    </div>
713                    <div class="entry-content">
714                        <h2 class="entry-title">Corporate Communication</h2>
715                    </div>
716                </a>
717            
718                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/digital-marketing" title="Digital Marketing">
719                    <div class="entry-arrow">
720                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="bod
720y" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
721                    </div>
722                    <div class="entry-content">
723                        <h2 class="entry-title">Digital Marketing</h2>
724                    </div>
725                </a>
726            
727                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/ux/ui" title="UX/UI">
728                    <div class="entry-arrow">
729                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
730                    </div>
731                    <div class="entry-content">
732                        <h2 class="entry-title">UX/UI</h2>
733                    </div>
734                </a>
735            
736                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/communication-design" title="Communication Design">
737                    <div class="entry-arrow">
738                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
739                    </div>
740                    <div class="entry-content">
741                        <h2 class="entry-title">Communication Design</h2>
742                    </div>
743                </a>
744            
745                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/future-of-work" title="Future of Work">
746                    <div class="entry-arrow">
747                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
748                    </div>
749                    <div class="entry-content">
750                        <h2 class="entry-title">Future of Work</h2>
751                    </div>
752                </a>
753            
754        </div>
755    
756
757                        
758                        
759                            
760
761
762
763                        
764                        
765                            
766
767
768
769                        
770                    
771            </div>
772        </div>
773    
774
775
776                
777            
778        </div>
779    </div>
780
781
782                
783                    
784
785
786
787                
788
789                
790                    
791
792
793
794                
795            </div>
796        </div>
797    
798
799
800
801
802        <div id="c6125" class="frame frame-default frame-type-textmedia frame-layout-4 container-width-wide background-type-transparent" >
803            <div class="frame-inner-wrapper">
804                
805                        
806                        
807                            
808
809
810
811                        
812                        
813                            
814
815    
816        
817
818
819    
820
821
822
823    
824
825
826                        
827                        
828
829    <div class="ce-textpic ce-center ce-above">
830        
831                
832                        <div class="single-video-wrap">
833                            
834                                <video class="video" playsinline muted autoplay loop src="https://staempfli.com/fileadmin/Leistungen/publishing-staempfli-kommunikation.mp4" aria-label="Bunte Einblicke in die Contentproduktion und deren Resultate">
835                                </video>
836                            
837                        </div>  
838                    
839            
840
841        
842                
843                        
844                    
845            
846        
847        
848    </div>
849
850
851                        
852                        
853                            
854
855
856
857                        
858                        
859                            
860
861
862
863                        
864                    
865            </div>
866        </div>
867    
868
869
870
871
872
873        <div id="c6116" class="frame frame-default frame-type-2-column-container frame-layout-0 container-width-default frame-space-after-extra-large background-type-transparent">
874            <div class="frame-inner-wrapper">
875                
876
877                
878                    
879
880
881
882                
883
884                
885                    
886
887    
888
889
890
891                
892
893                
894    <div class="row">
895        <div class="col-12 col-lg-6">
896            
897                
898                    
899
900
901        <div id="c6115" class="frame frame-default frame-type-textmedia frame-layout-3 container-width-default background-type-transparent" >
902            <div class="frame-inner-wrapper">
903                
904                        
905                        
906                            
907
908
909
910                        
911                        
912                            
913
914    
915        
916
917
918
919    
920        <p class="subheader">Publishing</p>
921    
922    
923        <header>
924            
925
926
927    
928            <h2 class="">
929                Wie entstehen Ihre Inhalte?
930            </h2>
931        
932
933
934
935        </header>
936    
937
938
939
940    
941
942
943                        
944                        
945
946    <div class="ce-textpic ce-center ce-above">
947        
948                
949                        
950                            
951
952
953
954                        
955                    
956            
957
958        
959                
960                        
961                    
962            
963        
964        
965    </div>
966
967
968                        
969                        
970                            
971
972
973
974                        
975                        
976                            
977
978
979
980                        
981                    
982            </div>
983        </div>
984    
985
986
987                
988            
989        </div>
990
991        <div class="col-12 col-lg-6">
992            
993                
994                    
995
996
997        <div id="c6114" class="frame frame-default frame-type-menu_pages frame-layout-0 container-width-default background-type-transparent" >
998            <div class="frame-inner-wrapper">
999                
1000                        
1001                        
1002                            
1003
1004
1005
1006                        
1007                        
1008                            
1009                                
1010
1011
1012    
1013
1014
1015
1016                            
1017                        
1018                        
1019    
1020        <div class="staempfli-list-container--6114">
1021            
1022                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/magazine" title="Magazine">
1023                    <div class="entry-arrow">
1024                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1025                    </div>
1026                    <div class="entry-content">
1027                        <h2 class="entry-title">Magazine</h2>
1028                    </div>
1029                </a>
1030            
1031                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/contentproduktion" title="Contentproduktion">
1032                    <div class="entry-arrow">
1033                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1034                    </div>
1035                    <div class="entry-content">
1036                        <h2 class="entry-title">Contentproduktion</h2>
1037                    </div>
1038                </a>
1039            
1040                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/druckvorstufe" title="Druckvorstufe">
1041                    <div class="entry-arrow">
1042                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1043                    </div>
1044                    <div class="entry-content">
1045                        <h2 class="entry-title">Druckvorstufe</h2>
1046                    </div>
1047                </a>
1048            
1049                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/lektorat-und-korrektorat" title="Lektorat und Korrektorat">
1050                    <div class="entry-arrow">
1051                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1052                    </div>
1053                    <div class="entry-content">
1054                        <h2 class="entry-title">Lektorat und Korrektorat</h2>
1055                    </div>
1056                </a>
1057            
1058        </div>
1059    
1060
1061                        
1062                        
1063                            
1064
1065
1066
1067                        
1068                        
1069                            
1070
1071
1072
1073                        
1074                    
1075            </div>
1076        </div>
1077    
1078
1079
1080                
1081            
1082        </div>
1083    </div>
1084
1085
1086                
1087                    
1088
1089
1090
1091                
1092
1093                
1094                    
1095
1096
1097
1098                
1099            </div>
1100        </div>
1101    
1102
1103
1104
1105
1106        <div id="c6098" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-wide background-type-transparent" >
1107            <div class="frame-inner-wrapper">
1108                
1109                        
1110                        
1111                            
1112
1113
1114
1115                        
1116                        
1117                            
1118
1119    
1120        
1121
1122
1123    
1124
1125
1126
1127    
1128
1129
1130                        
1131                        
1132
1133    <div class="ce-textpic ce-center ce-below">
1134        
1135                
1136                        
1137                    
1138            
1139
1140        
1141                
1142                        
1143                    
1144            
1145        
1146        
1147            
1148
1149    <div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
1150        
1151            <div class="ce-outer">
1152                <div class="ce-inner">
1153        
1154        
1155            <div class="ce-row">
1156                
1157                    
1158                        <div class="ce-column">
1159                            
1160
1161        
1162<figure class="image">
1163    
1164            
1165                    
1166
1167        <picture>
1168            
1169            <source
1170                    media="(max-width: 640px), (max-height: 300px)"
1171                    srcset="/fileadmin/_processed_/8/5/csm_produkte-staempfli-kommunikation_99fc798d71.jpg"
1172            />
1173            
1174            <source
1175                    media="(max-width: 1024px), (max-height: 500px)"
1176                    srcset="/fileadmin/_processed_/8/5/csm_produkte-staempfli-kommunikation_99fc798d71.jpg"
1177            />
1178            <img class="image-embed-item" alt="Ein Mitarbeiter bei der Arbeit am Computer" loading="lazy" src="/fileadmin/_processed_/8/5/csm_produkte-staempfli-kommunikation_9acc2a12a5.jpg" width="1800" height="1368" />
1179        </picture>
1180    
1181
1182
1183                
1184        
1185    
1186    
1187        <ul class="flags">
1188            
1189        </ul>
1190    
1191</figure>
1192
1193
1194    
1195
1196
1197                        </div>
1198                    
1199                
1200            </div>
1201        
1202        
1203    </div>
1204    </div>
1205
1206</div>
1207
1208
1209
1210        
1211    </div>
1212
1213
1214                        
1215                        
1216                            
1217
1218
1219
1220                        
1221                        
1222                            
1223
1224
1225
1226                        
1227                    
1228            </div>
1229        </div>
1230    
1231
1232
1233
1234
1235
1236        <div id="c8594" class="frame frame-default frame-type-2-column-container frame-layout-0 container-width-default frame-space-after-extra-large background-type-transparent">
1237            <div class="frame-inner-wrapper">
1238                
1239
1240                
1241                    
1242
1243
1244
1245                
1246
1247                
1248                    
1249
1250    
1251
1252
1253
1254                
1255
1256                
1257    <div class="row">
1258        <div class="col-12 col-lg-6">
1259            
1260                
1261                    
1262
1263
1264        <div id="c8593" class="frame frame-default frame-type-textmedia frame-layout-3 container-width-default background-type-transparent" >
1265            <div class="frame-inner-wrapper">
1266                
1267                        
1268                        
1269                            
1270
1271
1272
1273                        
1274                        
1275                            
1276
1277    
1278        
1279
1280
1281
1282    
1283        <p class="subheader">Produkte</p>
1284    
1285    
1286        <header>
1287            
1288
1289
1290    
1291            <h2 class="">
1292                Welches System bringt Sie weiter?
1293            </h2>
1294        
1295
1296
1297
1298        </header>
1299    
1300
1301
1302
1303    
1304
1305
1306                        
1307                        
1308
1309    <div class="ce-textpic ce-center ce-above">
1310        
1311                
1312                        
1313                            
1314
1315
1316
1317                        
1318                    
1319            
1320
1321        
1322                
1323                        
1324                    
1325            
1326        
1327        
1328    </div>
1329
1330
1331                        
1332                        
1333                            
1334
1335
1336
1337                        
1338                        
1339                            
1340
1341
1342
1343                        
1344                    
1345            </div>
1346        </div>
1347    
1348
1349
1350                
1351            
1352        </div>
1353
1354        <div class="col-12 col-lg-6">
1355            
1356                
1357                    
1358
1359
1360        <div id="c6117" 
1360class="frame frame-default frame-type-menu_pages frame-layout-0 container-width-default background-type-transparent" >
1361            <div class="frame-inner-wrapper">
1362                
1363                        
1364                        
1365                            
1366
1367
1368
1369                        
1370                        
1371                            
1372                                
1373
1374
1375    
1376
1377
1378
1379                            
1380                        
1381                        
1382    
1383        <div class="staempfli-list-container--6117">
1384            
1385                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/webdesign-webentwicklung" title="Websites und Hosting">
1386                    <div class="entry-arrow">
1387                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1388                    </div>
1389                    <div class="entry-content">
1390                        <h2 class="entry-title">Websites und Hosting</h2>
1391                    </div>
1392                </a>
1393            
1394                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/redaktionssystem" title="Redaktionssystem">
1395                    <div class="entry-arrow">
1396                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1397                    </div>
1398                    <div class="entry-content">
1399                        <h2 class="entry-title">Redaktionssystem</h2>
1400                    </div>
1401                </a>
1402            
1403                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/dam-system" title="Mediendatenbank">
1404                    <div class="entry-arrow">
1405                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1406                    </div>
1407                    <div class="entry-content">
1408                        <h2 class="entry-title">Mediendatenbank</h2>
1409                    </div>
1410                </a>
1411            
1412                <a class="staempflilist-entry animated-arrow-hover" href="https://webtoprint.ch/de/" title="Web-to-Print">
1413                    <div class="entry-arrow">
1414                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1415                    </div>
1416                    <div class="entry-content">
1417                        <h2 class="entry-title">Web-to-Print</h2>
1418                    </div>
1419                </a>
1420            
1421                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/ki-tools" title="KI-Tools">
1422                    <div class="entry-arrow">
1423                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1424                    </div>
1425                    <div class="entry-content">
1426                        <h2 class="entry-title">KI-Tools</h2>
1427                    </div>
1428                </a>
1429            
1430        </div>
1431    
1432
1433                        
1434                        
1435                            
1436
1437
1438
1439                        
1440                        
1441                            
1442
1443
1444
1445                        
1446                    
1447            </div>
1448        </div>
1449    
1450
1451
1452                
1453            
1454        </div>
1455    </div>
1456
1457
1458                
1459                    
1460
1461
1462
1463                
1464
1465                
1466                    
1467
1468
1469
1470                
1471            </div>
1472        </div>
1473    
1474
1475
1476
1477
1478        <div id="c8598" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-wide background-type-transparent" >
1479            <div class="frame-inner-wrapper">
1480                
1481                        
1482                        
1483                            
1484
1485
1486
1487                        
1488                        
1489                            
1490
1491    
1492        
1493
1494
1495    
1496
1497
1498
1499    
1500
1501
1502                        
1503                        
1504
1505    <div class="ce-textpic ce-center ce-below">
1506        
1507                
1508                        
1509                    
1510            
1511
1512        
1513                
1514                        
1515                    
1516            
1517        
1518        
1519            
1520
1521    <div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
1522        
1523            <div class="ce-outer">
1524                <div class="ce-inner">
1525        
1526        
1527            <div class="ce-row">
1528                
1529                    
1530                        <div class="ce-column">
1531                            
1532
1533        
1534<figure class="image">
1535    
1536            
1537                    
1538
1539        <picture>
1540            
1541            <source
1542                    media="(max-width: 640px), (max-height: 300px)"
1543                    srcset="/fileadmin/_processed_/9/5/csm_marke-staempfli-kommunikation_4ad90af80f.jpg"
1544            />
1545            
1546            <source
1547                    media="(max-width: 1024px), (max-height: 500px)"
1548                    srcset="/fileadmin/_processed_/9/5/csm_marke-staempfli-kommunikation_4ad90af80f.jpg"
1549            />
1550            <img class="image-embed-item" alt="Eine Mitarbeiterin blickt konzentriert in die Ferne. " loading="lazy" src="/fileadmin/_processed_/9/5/csm_marke-staempfli-kommunikation_beb0a1af03.jpg" width="1800" height="1174" />
1551        </picture>
1552    
1553
1554
1555                
1556        
1557    
1558    
1559        <ul class="flags">
1560            
1561        </ul>
1562    
1563</figure>
1564
1565
1566    
1567
1568
1569                        </div>
1570                    
1571                
1572            </div>
1573        
1574        
1575    </div>
1576    </div>
1577
1578</div>
1579
1580
1581
1582        
1583    </div>
1584
1585
1586                        
1587                        
1588                            
1589
1590
1591
1592                        
1593                        
1594                            
1595
1596
1597
1598                        
1599                    
1600            </div>
1601        </div>
1602    
1603
1604
1605
1606
1607
1608        <div id="c8602" class="frame frame-default frame-type-2-column-container frame-layout-0 container-width-default frame-space-after-extra-large background-type-transparent">
1609            <div class="frame-inner-wrapper">
1610                
1611
1612                
1613                    
1614
1615
1616
1617                
1618
1619                
1620                    
1621
1622    
1623
1624
1625
1626                
1627
1628                
1629    <div class="row">
1630        <div class="col-12 col-lg-6">
1631            
1632                
1633                    
1634
1635
1636        <div id="c8601" class="frame frame-default frame-type-textmedia frame-layout-3 container-width-default background-type-transparent" >
1637            <div class="frame-inner-wrapper">
1638                
1639                        
1640                        
1641                            
1642
1643
1644
1645                        
1646                        
1647                            
1648
1649    
1650        
1651
1652
1653
1654    
1655        <p class="subheader">Services</p>
1656    
1657    
1658        <header>
1659            
1660
1661
1662    
1663            <h2 class="">
1664                Wie können wir Sie entlasten?
1665            </h2>
1666        
1667
1668
1669
1670        </header>
1671    
1672
1673
1674
1675    
1676
1677
1678                        
1679                        
1680
1681    <div class="ce-textpic ce-center ce-above">
1682        
1683                
1684                        
1685                            
1686
1687
1688
1689                        
1690                    
1691            
1692
1693        
1694                
1695                        
1696                    
1697            
1698        
1699        
1700    </div>
1701
1702
1703                        
1704                        
1705                            
1706
1707
1708
1709                        
1710                        
1711                            
1712
1713
1714
1715                        
1716                    
1717            </div>
1718        </div>
1719    
1720
1721
1722                
1723            
1724        </div>
1725
1726        <div class="col-12 col-lg-6">
1727            
1728                
1729                    
1730
1731
1732        <div id="c8600" class="frame frame-default frame-type-menu_pages frame-layout-0 container-width-default background-type-transparent" >
1733            <div class="frame-inner-wrapper">
1734                
1735                        
1736                        
1737                            
1738
1739
1740
1741                        
1742                        
1743                            
1744                                
1745
1746
1747    
1748
1749
1750
1751                            
1752                        
1753                        
1754    
1755        <div class="staempfli-list-container--8600">
1756            
1757                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/publishing-services" title="Publishing Services">
1758                    <div class="entry-arrow">
1759                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1760                    </div>
1761                    <div class="entry-content">
1762                        <h2 class="entry-title">Publishing Services</h2>
1763                    </div>
1764                </a>
1765            
1766                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/programmatic-printing" title="Programmatic Printing">
1767                    <div class="entry-arrow">
1768                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1769                    </div>
1770                    <div class="entry-content">
1771                        <h2 class="entry-title">Programmatic Printing</h2>
1772                    </div>
1773                </a>
1774            
1775                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/produktionsagentur" title="Produktionsagentur">
1776                    <div class="entry-arrow">
1777                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
1778                    </div>
1779                    <div class="entry-content">
1780                        <h2 class="entry-title">Produktionsagentur</h2>
1781                    </div>
1782                </a>
1783            
1784        </div>
1785    
1786
1787                        
1788                        
1789                            
1790
1791
1792
1793                        
1794                        
1795                            
1796
1797
1798
1799                        
1800                    
1801            </div>
1802        </div>
1803    
1804
1805
1806                
1807            
1808        </div>
1809    </div>
1810
1811
1812                
1813                    
1814
1815
1816
1817                
1818
1819                
1820                    
1821
1822
1823
1824                
1825            </div>
1826        </div>
1827    
1828
1829
1830
1831
1832        <div id="c6127" class="frame frame-default frame-type-textmedia frame-layout-4 container-width-wide background-type-transparent" >
1833            <div class="frame-inner-wrapper">
1834                
1835                        
1836                        
1837                            
1838
1839
1840
1841                        
1842                        
1843                            
1844
1845    
1846        
1847
1848
1849    
1850
1851
1852
1853    
1854
1855
1856                        
1857                        
1858
1859    <div class="ce-textpic ce-center ce-above">
1860        
1861                
1862                        <div class="single-video-wrap">
1863                            
1864                                <video class="video" playsinline muted autoplay loop src="https://staempfli.com/fileadmin/Leistungen/print-staempfli-kommunikation.mp4" aria-label="Einblicke in die Entstehung eines Printprodukts">
1865                                </video>
1866                            
1867                        </div>  
1868                    
1869            
1870
1871        
1872                
1873                        
1874                    
1875            
1876        
1877        
1878    </div>
1879
1880
1881                        
1882                        
1883                            
1884
1885
1886
1887                        
1888                        
1889                            
1890
1891
1892
1893                        
1894                    
1895            </div>
1896        </div>
1897    
1898
1899
1900
1901
1902
1903        <div id="c6119" class="frame frame-default frame-type-2-column-container frame-layout-0 container-width-default frame-space-after-extra-large background-type-transparent">
1904            <div class="frame-inner-wrapper">
1905                
1906
1907                
1908                    
1909
1910
1911
1912                
1913
1914                
1915                    
1916
1917    
1918
1919
1920
1921                
1922
1923                
1924    <div class="row">
1925        <div class="col-12 col-lg-6">
1926            
1927                
1928                    
1929
1930
1931        <div id="c6118" class="frame frame-default frame-type-textmedia frame-layout-3 container-width-default background-type-transparent" >
1932            <div class="frame-inner-wrapper">
1933                
1934                        
1935                        
1936                            
1937
1938
1939
1940                        
1941                        
1942                            
1943
1944    
1945        
1946
1947
1948
1949    
1950        <p class="subheader">Print</p>
1951    
1952    
1953        <header>
1954            
1955
1956
1957    
1958  
1958          <h2 class="">
1959                Wie überzeugen Sie mit Drucksachen?
1960            </h2>
1961        
1962
1963
1964
1965        </header>
1966    
1967
1968
1969
1970    
1971
1972
1973                        
1974                        
1975
1976    <div class="ce-textpic ce-center ce-above">
1977        
1978                
1979                        
1980                            
1981
1982
1983
1984                        
1985                    
1986            
1987
1988        
1989                
1990                        
1991                    
1992            
1993        
1994        
1995    </div>
1996
1997
1998                        
1999                        
2000                            
2001
2002
2003
2004                        
2005                        
2006                            
2007
2008
2009
2010                        
2011                    
2012            </div>
2013        </div>
2014    
2015
2016
2017                
2018            
2019        </div>
2020
2021        <div class="col-12 col-lg-6">
2022            
2023                
2024                    
2025
2026
2027        <div id="c8592" class="frame frame-default frame-type-menu_pages frame-layout-0 container-width-default background-type-transparent" >
2028            <div class="frame-inner-wrapper">
2029                
2030                        
2031                        
2032                            
2033
2034
2035
2036                        
2037                        
2038                            
2039                                
2040
2041
2042    
2043
2044
2045
2046                            
2047                        
2048                        
2049    
2050        <div class="staempfli-list-container--8592">
2051            
2052                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/printmagazine" title="Printmagazine">
2053                    <div class="entry-arrow">
2054                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2055                    </div>
2056                    <div class="entry-content">
2057                        <h2 class="entry-title">Printmagazine</h2>
2058                    </div>
2059                </a>
2060            
2061                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/kataloge-und-buecher" title="Kataloge und Bücher">
2062                    <div class="entry-arrow">
2063                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2064                    </div>
2065                    <div class="entry-content">
2066                        <h2 class="entry-title">Kataloge und Bücher</h2>
2067                    </div>
2068                </a>
2069            
2070                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/mailings" title="Mailings">
2071                    <div class="entry-arrow">
2072                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2073                    </div>
2074                    <div class="entry-content">
2075                        <h2 class="entry-title">Mailings</h2>
2076                    </div>
2077                </a>
2078            
2079                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/geschaeftsberichte" title="Geschäftsberichte">
2080                    <div class="entry-arrow">
2081                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2082                    </div>
2083                    <div class="entry-content">
2084                        <h2 class="entry-title">Geschäftsberichte</h2>
2085                    </div>
2086                </a>
2087            
2088                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/werbedrucksachen" title="Werbedrucksachen">
2089                    <div class="entry-arrow">
2090                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2091                    </div>
2092                    <div class="entry-content">
2093                        <h2 class="entry-title">Werbedrucksachen</h2>
2094                    </div>
2095                </a>
2096            
2097        </div>
2098    
2099
2100                        
2101                        
2102                            
2103
2104
2105
2106                        
2107                        
2108                            
2109
2110
2111
2112                        
2113                    
2114            </div>
2115        </div>
2116    
2117
2118
2119                
2120            
2121        </div>
2122    </div>
2123
2124
2125                
2126                    
2127
2128
2129
2130                
2131
2132                
2133                    
2134
2135
2136
2137                
2138            </div>
2139        </div>
2140    
2141
2142
2143
2144
2145        <div id="c7098" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-wide background-type-transparent" >
2146            <div class="frame-inner-wrapper">
2147                
2148                        
2149                        
2150                            
2151
2152
2153
2154                        
2155                        
2156                            
2157
2158    
2159        
2160
2161
2162    
2163
2164
2165
2166    
2167
2168
2169                        
2170                        
2171
2172    <div class="ce-textpic ce-center ce-below">
2173        
2174                
2175                        
2176                    
2177            
2178
2179        
2180                
2181                        
2182                    
2183            
2184        
2185        
2186            
2187
2188    <div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
2189        
2190            <div class="ce-outer">
2191                <div class="ce-inner">
2192        
2193        
2194            <div class="ce-row">
2195                
2196                    
2197                        <div class="ce-column">
2198                            
2199
2200        
2201<figure class="image">
2202    
2203            
2204                    
2205
2206        <picture>
2207            
2208            <source
2209                    media="(max-width: 640px), (max-height: 300px)"
2210                    srcset="/fileadmin/_processed_/9/a/csm_vermarktung-staempfli-kommunikation_45114c771b.jpg"
2211            />
2212            
2213            <source
2214                    media="(max-width: 1024px), (max-height: 500px)"
2215                    srcset="/fileadmin/_processed_/9/a/csm_vermarktung-staempfli-kommunikation_45114c771b.jpg"
2216            />
2217            <img class="image-embed-item" alt="Zwei Mitarbeitende tauschen Ideen aus." loading="lazy" src="/fileadmin/_processed_/9/a/csm_vermarktung-staempfli-kommunikation_54447f8ec5.jpg" width="1800" height="1200" />
2218        </picture>
2219    
2220
2221
2222                
2223        
2224    
2225    
2226        <ul class="flags">
2227            
2228        </ul>
2229    
2230</figure>
2231
2232
2233    
2234
2235
2236                        </div>
2237                    
2238                
2239            </div>
2240        
2241        
2242    </div>
2243    </div>
2244
2245</div>
2246
2247
2248
2249        
2250    </div>
2251
2252
2253                        
2254                        
2255                            
2256
2257
2258
2259                        
2260                        
2261                            
2262
2263
2264
2265                        
2266                    
2267            </div>
2268        </div>
2269    
2270
2271
2272
2273
2274
2275        <div id="c6122" class="frame frame-default frame-type-2-column-container frame-layout-0 container-width-default frame-space-after-extra-large background-type-transparent">
2276            <div class="frame-inner-wrapper">
2277                
2278
2279                
2280                    
2281
2282
2283
2284                
2285
2286                
2287                    
2288
2289    
2290
2291
2292
2293                
2294
2295                
2296    <div class="row">
2297        <div class="col-12 col-lg-6">
2298            
2299                
2300                    
2301
2302
2303        <div id="c6121" class="frame frame-default frame-type-textmedia frame-layout-3 container-width-default background-type-transparent" >
2304            <div class="frame-inner-wrapper">
2305                
2306                        
2307                        
2308                            
2309
2310
2311
2312                        
2313                        
2314                            
2315
2316    
2317        
2318
2319
2320
2321    
2322        <p class="subheader">Vermarktung</p>
2323    
2324    
2325        <header>
2326            
2327
2328
2329    
2330            <h2 class="">
2331                Wie erreichen Sie Ihre Zielgruppen?
2332            </h2>
2333        
2334
2335
2336
2337        </header>
2338    
2339
2340
2341
2342    
2343
2344
2345                        
2346                        
2347
2348    <div class="ce-textpic ce-center ce-above">
2349        
2350                
2351                        
2352                            
2353
2354
2355
2356                        
2357                    
2358            
2359
2360        
2361                
2362                        
2363                    
2364            
2365        
2366        
2367    </div>
2368
2369
2370                        
2371                        
2372                            
2373
2374
2375
2376                        
2377                        
2378                            
2379
2380
2381
2382                        
2383                    
2384            </div>
2385        </div>
2386    
2387
2388
2389                
2390            
2391        </div>
2392
2393        <div class="col-12 col-lg-6">
2394            
2395                
2396                    
2397
2398
2399        <div id="c6120" class="frame frame-default frame-type-menu_pages frame-layout-0 container-width-default background-type-transparent" >
2400            <div class="frame-inner-wrapper">
2401                
2402                        
2403                        
2404                            
2405
2406
2407
2408                        
2409                        
2410                            
2411                                
2412
2413
2414    
2415
2416
2417
2418                            
2419                        
2420                        
2421    
2422        <div class="staempfli-list-container--6120">
2423            
2424                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/campaigning" title="Campaigning">
2425                    <div class="entry-arrow">
2426                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2427                    </div>
2428                    <div class="entry-content">
2429                        <h2 class="entry-title">Campaigning</h2>
2430                    </div>
2431                </a>
2432            
2433                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/data-driven-marketing" title="Data-driven Marketing">
2434                    <div class="entry-arrow">
2435                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2436                    </div>
2437                    <div class="entry-content">
2438                        <h2 class="entry-title">Data-driven Marketing</h2>
2439                    </div>
2440                </a>
2441            
2442                <a class="staempflilist-entry animated-arrow-hover" href="/de/leistungen/mediavermarktung" title="Mediavermarktung">
2443                    <div class="entry-arrow">
2444                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2445                    </div>
2446                    <div class="entry-content">
2447                        <h2 class="entry-title">Mediavermarktung</h2>
2448                    </div>
2449                </a>
2450            
2451        </div>
2452    
2453
2454                        
2455                        
2456                            
2457
2458
2459
2460                        
2461                        
2462                            
2463
2464
2465
2466                        
2467                    
2468            </div>
2469        </div>
2470    
2471
2472
2473                
2474            
2475                
2476                    
2477
2478
2479        <div id="c12204" class="frame frame-default frame-type-menu_pages frame-layout-0 container-width-default background-type-transparent" >
2480            <div class="frame-inner-wrapper">
2481                
2482                        
2483                        
2484                            
2485
2486
2487
2488                        
2489                        
2490                            
2491                                
2492
2493
2494    
2495
2496
2497
2498                            
2499                        
2500                        
2501    
2502        <div class="staempfli-list-container--12204">
2503            
2504                <a class="staempflilist-entry animated-arrow-hover" href="https://mediadaten.staempfli.com/de/mediadaten" target="_blank" title="Mediadaten">
2505                    <div class="entry-arrow">
2506                        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5" style="stroke-dashoffset: 0; stroke-dasharray: 55.3px, 23.8px;"></line><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43" style="stroke-dashoffset: 0.002; stroke-dasharray: 0px, 999999px;"></path></svg>
2507                    </div>
2508                    <div class="entry-content">
2509                        <h2 class="entry-title">Mediadaten</h2>
2510                    </div>
2511                </a>
2512            
2513    
2513    </div>
2514    
2515
2516                        
2517                        
2518                            
2519
2520
2521
2522                        
2523                        
2524                            
2525
2526
2527
2528                        
2529                    
2530            </div>
2531        </div>
2532    
2533
2534
2535                
2536            
2537        </div>
2538    </div>
2539
2540
2541                
2542                    
2543
2544
2545
2546                
2547
2548                
2549                    
2550
2551
2552
2553                
2554            </div>
2555        </div>
2556    
2557
2558
2559
2560
2561        <div id="c6077" class="frame frame-default frame-type-list frame-layout-0 container-width-default frame-space-after-extra-large frame-list-type-team_employee background-type-transparent" >
2562            <div class="frame-inner-wrapper">
2563                
2564                        
2565                        
2566                            
2567
2568
2569
2570                        
2571                        
2572                            
2573                                
2574
2575
2576    
2577        
2578        <header class="">
2579            
2580
2581
2582    
2583        <span class="badge" aria-label="Kontakt">Kontakt</span>
2584    
2585
2586
2587
2588
2589            
2590
2591
2592    
2593            <h2 class="">
2594                Mehr erfahren? Sehr gerne. Sprechen Sie mit mir.
2595            </h2>
2596        
2597
2598
2599
2600            
2601
2602
2603
2604
2605            
2606
2607
2608
2609            
2610    
2611
2612
2613        </header>
2614    
2615
2616
2617
2618                            
2619                        
2620                        
2621
2622    
2623        
2624	<div class="employee-wrapper">
2625		
2626        <div class="employee-single-view">
2627            
2628                    
2629                            
2630
2631
2632
2633    <div class="container p-0" data-scroll-section>
2634        <div class="staempfli-employee-photo" data-scroll-speed="1">
2635            <figure class="figure employee-image-wrap mb-0">
2636                <img src="/fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_842557c87b.jpg"
2637                     srcset="/fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_8dab009c9e.jpg 368w,
2638                             /fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_842557c87b.jpg 1024w,
2639                             /fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_feae706739.jpg 1440w"
2640                     alt="Christoph Wiedmer"
2641                     title=""
2642                     class="w-100 img-fluid employee-image"
2643                     loading="lazy" />
2644            </figure>
2645        </div>
2646        <div class="staempfli-employee-information d-flex align-items-end" data-scroll-speed="2">
2647            <div class="employee-detail-content">
2648                <h3 class="employee-name">Christoph Wiedmer</h3>
2649                <div class="employee-function">Leiter Kundenberatung</div>
2650                
2651                    <div class="d-block employee-contact">
2652                        
2653                            <div class="employee-contact-item">
2654                                
2655
2656                                <a class="employee-contact-link employee-contact-link-phone" href="tel:
2657
26580041313006394
2659
2660">
2661                                    
2662                                            +41 31 300 63 94
2663                                        
2664                                </a>
2665                            </div>
2666                        
2667
2668                        
2669
2670                        
2671                            <div class="employee-contact-item">
2672                                
2673
2674                                <a data-email="
2675                                    
2676                                            [email protected]
2677                                        
2678                                " class="employee-contact-link employee-contact-link-email" href="mailto:[email protected]">E-Mail</a>
2679                            </div>
2680                        
2681                    </div>
2682                
2683            </div>
2684        </div>
2685    </div>
2686</div>
2687
2688
2689
2690
2691
2692                        
2693                
2694        </div>
2695    
2696	</div>
2697
2698    
2699
2700
2701                        
2702                        
2703                            
2704
2705
2706
2707                        
2708                        
2709                            
2710
2711
2712
2713                        
2714                    
2715            </div>
2716        </div>
2717    
2718
2719
2720    
2721
2722        <div class="container">
2723            
2724        
2725    
2726        </div>
2727        <!--TYPO3SEARCH_end-->
2728    </main>
2729
2730    
2731
2732
2733
2734
2735
2736
2737
2738<footer id="footer" class="container pagefooter">
2739    
2740    
2741        <div class="pagefooter__teaser">
2742            
2743
2744
2745
2746        <div id="c1832" class="frame frame-default frame-type-staempfli_teaser frame-layout-0 container-width-full-width background-type-transparent">
2747            <div class="frame-inner-wrapper">
2748                
2749                
2750                    
2751
2752
2753
2754                
2755                
2756        
2757                
2758                <div class="footer-teaser">
2759                    <div class="footer-teaser__headline">
2760                        <p>Mehr zu unseren Leistungen?<br> Hier gehts zur Übersicht.</p>
2761                    </div>
2762
2763                    
2764                        
2765                        <a href="/de/leistungen" class="btn footer-teaser__button">Leistungen</a>
2766                    
2767                </div>
2768            
2769    
2770                
2771                    
2772
2773
2774
2775                
2776                
2777                    
2778
2779
2780
2781                
2782            </div>
2783        </div>
2784    
2785
2786
2787        </div>
2788    
2789
2790    <div class="pagefooter__content">
2791        
2792
2793
2794
2795        <div id="c1560" class="frame frame-default frame-type-3-column-container frame-layout-0 container-width-default background-type-transparent">
2796            <div class="frame-inner-wrapper">
2797                
2798
2799                
2800                    
2801
2802
2803
2804                
2805
2806                
2807                    
2808
2809    
2810
2811
2812
2813                
2814
2815                
2816    <div class="row">
2817        <div class="col-12 col-lg-4">
2818            
2819                
2820                    
2821
2822
2823        <div id="c1937" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-small frame-space-before-medium frame-space-after-medium background-type-transparent" >
2824            <div class="frame-inner-wrapper">
2825                
2826                        
2827                        
2828                            
2829
2830
2831
2832                        
2833                        
2834                            
2835
2836    
2837        
2838
2839
2840    
2841
2842
2843
2844    
2845
2846
2847                        
2848                        
2849
2850    <div class="ce-textpic ce-center ce-below">
2851        
2852                
2853                        
2854                    
2855            
2856
2857        
2858                
2859                        
2860                    
2861            
2862        
2863        
2864            
2865
2866    <div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
2867        
2868            <div class="ce-outer">
2869                <div class="ce-inner">
2870        
2871        
2872            <div class="ce-row">
2873                
2874                    
2875                        <div class="ce-column">
2876                            
2877
2878        
2879<figure class="image">
2880    
2881            
2882                    
2883
2884        <picture>
2885            
2886            <source
2887                    media="(max-width: 640px), (max-height: 300px)"
2888                    srcset="/fileadmin/user_upload/SimpleLogo.svg"
2889            />
2890            
2891            <source
2892                    media="(max-width: 1024px), (max-height: 500px)"
2893                    srcset="/fileadmin/user_upload/SimpleLogo.svg"
2894            />
2895            <img class="image-embed-item" loading="lazy" src="/fileadmin/user_upload/SimpleLogo.svg" width="80" height="80" alt="" />
2896        </picture>
2897    
2898
2899
2900                
2901        
2902    
2903    
2904        <ul class="flags">
2905            
2906        </ul>
2907    
2908</figure>
2909
2910
2911    
2912
2913
2914                        </div>
2915                    
2916                
2917            </div>
2918        
2919        
2920    </div>
2921    </div>
2922
2923</div>
2924
2925
2926
2927        
2928    </div>
2929
2930
2931                        
2932                        
2933                            
2934
2935
2936
2937                        
2938                        
2939                            
2940
2941
2942
2943                        
2944                    
2945            </div>
2946        </div>
2947    
2948
2949
2950                
2951            
2952        </div>
2953
2954        <div class="col-12 col-lg-4">
2955            
2956                
2957                    
2958
2959
2960        <div id="c1562" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-small frame-space-after-medium background-type-transparent" >
2961            <div class="frame-inner-wrapper">
2962                
2963                        
2964                        
2965                            
2966
2967
2968
2969                        
2970                        
2971                            
2972
2973    
2974        
2975
2976
2977    
2978
2979
2980
2981    
2982
2983
2984                        
2985                        
2986
2987    <div class="ce-textpic ce-center ce-above">
2988        
2989                
2990                        
2991                            
2992
2993
2994
2995                        
2996                    
2997            
2998
2999        
3000                
3001                        <div class="ce-bodytext">
3002                            
3003                                    
3004                                
3005                            <p>Stämpfli Kommunikation<br><a href="mailto:[email protected]" class="link-mail">[email protected]</a><br><a href="tel:+41313006666">+41 31 300 66 66</a></p>
3006                        </div>
3007                    
3008            
3009        
3010        
3011    </div>
3012
3013
3014                        
3015                        
3016                            
3017
3018
3019
3020                        
3021                        
3022                            
3023
3024
3025
3026                        
3027                    
3028            </div>
3029        </div>
3030    
3031
3032
3033                
3034            
3035        </div>
3036
3037        <div class="col-12 col-lg-4">
3038            
3039                
3040                    
3041
3042
3043        <div id="c14016" class="frame frame-default frame-type-text frame-layout-0 container-width-small frame-space-after-extra-large background-type-transparent" >
3044            <div class="frame-inner-wrapper">
3045                
3046                        
3047                        
3048                            
3049
3050
3051
3052                        
3053                        
3054                            
3055                                
3056
3057
3058    
3059
3060
3061
3062                            
3063                        
3064                        
3065
3066    <p><a href="https://www.linkedin.com/company/staempfliag" target="_blank" class="link-external-blank" rel="noreferrer">LinkedIn</a><br><a href="https://www.instagram.com/staempfli_ag" target="_blank" class="link-external-blank" rel="noreferrer">Instagram</a><br><a href="https://www.youtube.com/user/staempfliag" target="_blank" class="link-external-blank" rel="noreferrer">YouTube</a></p>
3067
3068
3069                        
3070                        
3071                            
3072
3073
3074
3075                        
3076                        
3077                            
3078
3079
3080
3081                        
3082                    
3083            </div>
3084        </div>
3085    
3086
3087
3088                
3089            
3090        </div>
3091    </div>
3092
3093
3094                
3095                    
3096
3097
3098
3099                
3100
3101                
3102                    
3103
3104
3105
3106                
3107            </div>
3108        </div>
3109    
3110
3111
3112
3113
3114
3115        <div id="c1564" class="frame frame-default frame-type-3-column-container frame-layout-0 container-width-default background-type-transparent">
3116            <div class="frame-inner-wrapper">
3117                
3118
3119                
3120                    
3121
3122
3123
3124                
3125
3126                
3127                    
3128
3129    
3130
3131
3132
3133                
3134
3135                
3136    <div class="row">
3137        <div class="col-12 col-lg-4">
3138            
3139        </div>
3140
3141        <div class="col-12 col-lg-4">
3142            
3143                
3144                    
3145
3146
3147        <div id="c1565" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-small frame-space-after-medium background-type-transparent" >
3148            <div class="frame-inner-wrapper">
3149                
3150                        
3151                        
3152                            
3153
3154
3155
3156                        
3157                        
3158                            
3159
3160    
3161        
3162
3163
3164    
3165
3166
3167
3168    
3169
3170
3171                        
3172                        
3173
3174    <div class="ce-textpic ce-center ce-below">
3175        
3176                
3177                        
3178                    
3179            
3180
3181        
3182                
3183                        <div class="ce-bodytext">
3184                            
3185                                    
3186                                
3187                            <p><span class="muted">Bern</span><br> Stämpfli AG<br> Wölflistrasse 1<br> Postfach, 3001 Bern<br> <a href="tel:+41313006666">+41 31 300 66 66</a></p>
3188                        </div>
3189                    
3190            
3191        
3192        
3193            
3194
3195
3196
3197        
3198    </div>
3199
3200
3201                        
3202                        
3203                            
3204
3205
3206
3207                        
3208                        
3209                            
3210
3211
3212
3213                        
3214                    
3215            </div>
3216        </div>
3217    
3218
3219
3220                
3221            
3222        </div>
3223
3224        <div class="col-12 col-lg-4">
3225            
3226                
3227                    
3228
3229
3230        <div id="c1566" class="frame frame-default frame-type-textmedia frame-layout-0 container-width-small background-type-transparent" >
3231            <div class="frame-inner-wrapper">
3232                
3233                        
3234                        
3235                            
3236
3237
3238
3239                        
3240                        
3241                            
3242
3243    
3244        
3245
3246
3247    
3248
3249
3250
3251    
3252
3253
3254                        
3255                        
3256
3257    <div class="ce-textpic ce-center ce-below">
3258        
3259                
3260                        
3261                    
3262            
3263
3264        
3265                
3266                        <div class="ce-bodytext">
3267                            
3268                                    
3269                                
3270                            <p><span class="muted">Zürich</span><br> Stämpfli AG<br> Hertistrasse 23<br> 8304 Wallisellen<br> <a href="tel:+41443099090">+41 44 309 90 90</a></p>
3271                        </div>
3272                    
3273            
3274        
3275        
3276            
3277
3278
3279
3280        
3281    </div>
3282
3283
3284                        
3285                        
3286                            
3287
3288
3289
3290                        
3291                        
3292                            
3293
3294
3295
3296                        
3297                    
3298            </div>
3299        </div>
3300    
3301
3302
3303                
3304            
3305        </div>
3306    </div>
3307
3308
3309                
3310                    
3311
3312
3313
3314                
3315
3316                
3317                    
3318
3319
3320
3321                
3322            </div>
3323        </div>
3324    
3325
3326
3327    </div>
3328
3329    <div class="row metafooter">
3330        <div class="col-12 col-lg-4 order-3 order-lg-1 metafooter__c
3330opyright muted">
3331            © 2026 Stämpfli AG
3332        </div>
3333
3334        <nav class="col-12 col-lg-auto order-2 meta__footer">
3335            
3336
3337
3338
3339
3340    <ul>
3341        
3342            <li>
3343                <a class="muted" href="/de/agb" target="" title="AGB">
3344                    AGB
3345                </a>
3346            </li>
3347        
3348            <li>
3349                <a class="muted" href="/de/impressum-und-datenschutz" target="" title="Impressum und Datenschutz">
3350                    Impressum und Datenschutz
3351                </a>
3352            </li>
3353        
3354
3355        <li class="metafooter__cookie">
3356            <a id="cookie-revoke-button" class="inline-cookie-revoke muted" href="#cookie-revoke-button" onclick="document.querySelector('.dp--revoke').click()">
3357                Cookies
3358            </a>
3359        </li>
3360    </ul>
3361
3362
3363
3364
3365        </nav>
3366
3367        
3368            <nav class="col-12 col-lg-auto order-1 order-lg-3 ms-lg-auto lang-nav">
3369                
3370
3371
3372
3373
3374
3375
3376    <ul class="lang-switch" aria-label="Sprache ändern">
3377        
3378            
3379                <li>
3380                    <a class="lang-switch__item active"
3381                       href="/de/leistungen" hreflang="de-CH" title="DE"
3382                       aria-label="Deutsch ausgewählt">
3383                        DE
3384                    </a>
3385                </li>
3386            
3387        
3388            
3389                <li>
3390                    <a class="lang-switch__item"
3391                       href="/fr/services" hreflang="fr-CH" title="FR"
3392                       aria-label="Französisch">
3393                        FR
3394                    </a>
3395                </li>
3396            
3397        
3398            
3399        
3400            
3401        
3402    </ul>
3403
3404
3405
3406
3407            </nav>
3408        
3409    </div>
3410
3411    <template data-animated-arrow-template>
3412        <svg class=" animated-arrow" version="1.1" viewBox="0 0 79 43" width="79" height="43" stroke="currentColor" stroke-width="1.5px" fill="none"><line id="body" x1="0" y1="21.5" x2="79" y2="21.5"/><path id="head-top" class="head" d="M 79,21.3 C 66.4,21.3 57,11.4 57,0"/><path id="head-bottom" class="head" d="M 79,21.7 C 66.4,21.7 57,31.6 57,43"/></svg>
3413    </template>
3414</footer>
3415
3416
3417
3418
3419    <div id="action-button-container">
3420        
3421        
3422    
3423    </div>
3424
3425    
3426
3427
3428
3429<div class="modal fade" id="modal" tabindex="-1" aria-labelledby="modal-fullscreen-label" style="display: none;" aria-hidden="true">
3430    <div class="modal-dialog modal-fullscreen">
3431        <div class="modal-content">
3432            <div class="modal-header">
3433                <svg class=" modal-logo" version="1.1" id="staempfli_logo" x="0px" y="0px" viewBox="0 0 64.4 64.4" style="enable-background:new 0 0 64.4 64.4;"><style type="text/css">
3434	.st0{fill:#000000;}
3435</style><path id="logo" class="st0" d="M11.2,63.7h2.1c0.4-1.5,0.6-2.2,1.1-2.8c0.6-0.7,1.1-1,1.8-1c0.7,0,1.3,0.1,1.8,0.4  c0.7,0.3,1.3,0.7,2.1,1.1c1.4,0.7,2.6,1.2,4.3,1.7c2.1,0.7,5.1,1.3,8,1.3c3.6,0,6.7-0.6,9.6-1.7c2.7-1.1,6.1-3.1,8.7-6.4  c2-2.5,3.5-6,3.4-10c-0.1-5-2.2-9.1-6.4-12.6c-3-2.5-7-4.1-9.9-4.9L29,36.1c2.7,0.9,6.8,2.5,9.5,4.2c2.1,1.3,3.3,2.5,4.3,4  c1.1,1.7,1.8,4,1.7,6.2c-0.2,3.1-1.6,5.3-3.8,7.2c-1.9,1.6-5.1,3-8.8,2.9s-7-1.3-9.7-3.2c-2.6-1.8-4.3-3.9-6-6.6  c-1.8-3-3.1-6.7-4.2-10.6l-1.7,1.4c0.3,4.2,0.4,6.7,0.7,11C11.2,58.6,11.2,63.7,11.2,63.7z M20.7,32.7l8.6-7.1  c-3.7-1.4-8.4-3.8-8.4-8.5c0-1.7,0.6-3.3,2-4.8c1.7-1.8,4.1-3,7.1-3.4c2.9-0.4,5.6-0.2,8.4,0.9c1.8,0.7,3.4,1.4,5.7,3.6l6.8-5.6  C48.2,5.1,45,3,41.7,1.7c-3-1.2-6.3-1.7-9.9-1.7h-1.1c-5.5,0.2-11,2.5-14.9,6.2c-3.5,3.4-5.3,7.5-5.3,12c0,3.7,1.2,6.9,3.6,9.7  C16.3,30.3,18.9,31.9,20.7,32.7z"/></svg>
3436                <h5 id="modal-title" class="modal-title sr-only" id="modal-fullscreen-label"><!-- replace this content with target page title --></h5>
3437                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schliesse Modal"></button>
3438            </div>
3439            <div id="modal-body" class="modal-body">
3440                <!-- replace this content with ajax result -->
3441            </div>
3442        </div>
3443    </div>
3444
3445    
3446</div>
3447
3448
3449    
3450
3451
3452
3453<div class="modal fade" id="search" tabindex="-1" aria-labelledby="modal-search-label" style="display: none;" aria-hidden="true">
3454    <div class="modal-dialog modal-fullscreen">
3455        <div class="modal-content">
3456            <div class="modal-header">
3457                <svg class=" modal-logo" version="1.1" id="staempfli_logo" x="0px" y="0px" viewBox="0 0 64.4 64.4" style="enable-background:new 0 0 64.4 64.4;"><style type="text/css">
3458	.st0{fill:#000000;}
3459</style><path id="logo" class="st0" d="M11.2,63.7h2.1c0.4-1.5,0.6-2.2,1.1-2.8c0.6-0.7,1.1-1,1.8-1c0.7,0,1.3,0.1,1.8,0.4  c0.7,0.3,1.3,0.7,2.1,1.1c1.4,0.7,2.6,1.2,4.3,1.7c2.1,0.7,5.1,1.3,8,1.3c3.6,0,6.7-0.6,9.6-1.7c2.7-1.1,6.1-3.1,8.7-6.4  c2-2.5,3.5-6,3.4-10c-0.1-5-2.2-9.1-6.4-12.6c-3-2.5-7-4.1-9.9-4.9L29,36.1c2.7,0.9,6.8,2.5,9.5,4.2c2.1,1.3,3.3,2.5,4.3,4  c1.1,1.7,1.8,4,1.7,6.2c-0.2,3.1-1.6,5.3-3.8,7.2c-1.9,1.6-5.1,3-8.8,2.9s-7-1.3-9.7-3.2c-2.6-1.8-4.3-3.9-6-6.6  c-1.8-3-3.1-6.7-4.2-10.6l-1.7,1.4c0.3,4.2,0.4,6.7,0.7,11C11.2,58.6,11.2,63.7,11.2,63.7z M20.7,32.7l8.6-7.1  c-3.7-1.4-8.4-3.8-8.4-8.5c0-1.7,0.6-3.3,2-4.8c1.7-1.8,4.1-3,7.1-3.4c2.9-0.4,5.6-0.2,8.4,0.9c1.8,0.7,3.4,1.4,5.7,3.6l6.8-5.6  C48.2,5.1,45,3,41.7,1.7c-3-1.2-6.3-1.7-9.9-1.7h-1.1c-5.5,0.2-11,2.5-14.9,6.2c-3.5,3.4-5.3,7.5-5.3,12c0,3.7,1.2,6.9,3.6,9.7  C16.3,30.3,18.9,31.9,20.7,32.7z"/></svg>
3460                <h5 class="modal-title sr-only" id="modal-search-label">Suche</h5>
3461                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Suchmodal schliessen"></button>
3462            </div>
3463            <div class="modal-body">
3464                
3465
3466
3467        <div id="c1356" class="frame frame-default frame-type-solr_pi_results frame-layout-0 container-width-default background-type-transparent" >
3468            <div class="frame-inner-wrapper">
3469                
3470                        
3471                        
3472                            
3473
3474
3475
3476                        
3477                        
3478                            
3479                                
3480
3481
3482    
3483
3484
3485
3486                            
3487                        
3488                        
3489
3490    
3491    
3492
3493        <div class="tx_solr container">
3494            <div class="row">
3495                <div class="col-md-12">
3496                    
3497    <div id="tx-solr-search">
3498        <div class="row">
3499            <div class="tx-solr-search-form col-lg-12">
3500                
3501
3502    <div class="tx-solr-search-form">
3503        <form method="get" id="tx-solr-search-form-pi-results" action="https://staempfli.com/de/suche" data-suggest="/de/suche?type=7384" data-suggest-header="Top Treffer" accept-charset="utf-8">
3504            <div class="input-group">
3505                
3506
3507                
3508                <label for="search-input-field" class="visually-hidden">Was suchen Sie?</label>
3509                <input id="search-input-field" type="text" class="tx-solr-q js-solr-q tx-solr-suggest tx-solr-suggest-focus form-control" name="tx_solr[q]" value="" placeholder="Was suchen Sie?" spellcheck="false" autocomplete="off" autocapitalize="off"/>
3510                
3511                <html xmlns="http://www.w3.org/1999/xhtml" lang="en"
3512      xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
3513      xmlns:s="http://typo3.org/ns/ApacheSolrForTypo3/Solr/ViewHelpers">
3514
3515
3516
3517        <div id="most-searched-dropdown">
3518            <p>Oft gesucht</p>
3519            <ul class="most-searched-list" role="listbox">
3520                
3521                    <li class="most-searched-list__item" role="option">
3522                        <a class="most-searched-list__link" href="/de/leistungen/kommunikationsagentur" title="Agentur" >
3523                            Agentur
3524                        </a>
3525                    </li>
3526                
3527                    <li class="most-searched-list__item" role="option">
3528                        <a class="most-searched-list__link" href="/de/leistungen/druckerei" title="Druckerei" >
3529                            Druckerei
3530                        </a>
3531                    </li>
3532                
3533                    <li class="most-searched-list__item" role="option">
3534                        <a class="most-searched-list__link" href="/de/ueber-uns/unternehmen/mitarbeitende" title="Mitarbeitende" >
3535                            Mitarbeitende
3536                        </a>
3537                    </li>
3538                
3539                    <li class="most-searched-list__item" role="option">
3540                        <a class="most-searched-list__link" href="/de/leistungen/corporate-communication" title="Strategische Beratung" >
3541                            Strategische Beratung
3542                        </a>
3543                    </li>
3544                
3545                    <li class="most-searched-list__item" role="option">
3546                        <a class="most-searched-list__link" href="" title="Marketingportal" >
3547                            Marketingportal
3548                        </a>
3549                    </li>
3550                
3551                    <li class="most-searched-list__item" role="option">
3552                        <a class="most-searched-list__link" href="/de/leistungen/redaktionssystem" title="Redaktionssystem" >
3553                            Redaktionssystem
3554                        </a>
3555                    </li>
3556                
3557                    <li class="most-searched-list__item" role="option">
3558                        <a class="most-searched-list__link" href="/de/leistungen/online-magazin" title="Online-Magazin" >
3559                            Online-Magazin
3560                        </a>
3561                    </li>
3562                
3563            </ul>
3564        </div>
3565</html>
3566                <span class="input-group-btn">
3567					<a href="https://staempfli.com/de/suche" class="solr-ajaxified" title="Suchen" disabled>
3568                        <svg viewBox="0 0 49 50"><circle cx="22.2" cy="21.7" r="19.4" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M37.9 39l8.1 8.1" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
3569                    </a>
3570				</span>
3571            </div>
3572            <div class="tx-solr-autocomplete"></div>
3573        </form>
3574    </div>
3575
3576
3577            </div>
3578
3579            <div class="tx-solr-search-form col-lg-12 hidden-xs">&nbsp;</div>
3580            <div class="col-lg-12 hidden-xs">
3581                
3582            </div>
3583        </div>
3584
3585        <div id="tx-solr-search-functions">
3586            
3587
3588            
3589        </div>
3590
3591        <div class="row">
3592            <div class="col-md-12">
3593                
3594	
3595
3596            </div>
3597        </div>
3598
3599        <div class="row searchinfo">
3600            <div class="col-md-12">
3601                
3602                        
3603                    
3604            </div>
3605        </div>
3606
3607        <div class="row">
3608            <div class="col-md-12">
3609                <div class="tx-solr">
3610                    
3611                            
3612                            
3613
3614
3615        <div id="c2473" class="frame frame-default frame-type-list frame-layout-0 container-width-default frame-list-type-team_employee background-type-transparent" >
3616            <div class="frame-inner-wrapper">
3617                
3618                        
3619                        
3620                            
3621
3622
3623
3624                        
3625                        
3626                            
3627                                
3628
3629
3630    
3631        
3632        <header class="">
3633            
3634
3635
3636    
3637        <span class="badge" aria-label="Kontakt">Kontakt</span>
3638    
3639
3640
3641
3642
3643            
3644
3645
3646    
3647            <h2 class="">
3648                Keine Lust mit einer Maschine zu suchen? Gerne helfen wir Ihnen persönlich!
3649            </h2>
3650        
3651
3652
3653
3654            
3655
3656
3657
3658
3659            
3660
3661
3662
3663            
3664    
3665
3666
3667        </header>
3668    
3669
3670
3671
3672                            
3673                        
3674                        
3675
3676    
3677        
3678	<div class="employee-wrapper">
3679		
3680        <div class="employee-single-view">
3681            
3682                    
3683                            
3684
3685
3686
3687    <div class="container p-0" data-scroll-section>
3688        <div class="staempfli-employee-photo" data-scroll-speed="1">
3689            <figure class="figure employee-image-wrap mb-0">
3690                <img src="/fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_842557c87b.jpg"
3691                     srcset="/fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_8dab009c9e.jpg 368w,
3692                             /fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_842557c87b.jpg 1024w,
3693                             /fileadmin/_processed_/0/a/csm_staempfli-kommunikation-wiedmer-christoph_feae706739.jpg 1440w"
3694                     alt="Christoph Wiedmer"
3695                     title=""
3696                     class="w-100 img-fluid employee-image"
3697                     loading="lazy" />
3698            </figure>
3699        </div>
3700        <div class="staempfli-employee-information d-flex align-items-end" data-scroll-speed="2">
3701            <div class="employee-detail-content">
3702                <h3 class="employee-name">Christoph Wiedmer</h3>
3703                <div class="employee-function">Leiter Kundenberatung</div>
3704                
3705                    <div class="d-block employee-contact">
3706                        
3707                            <div class="employee-contact-item">
3708                                
3709
3710                                <a class="employee-contact-link employee-contact-link-phone" href="tel:
3711
37120041313006394
3713
3714">
3715                                    
3716                                            +41 31 300 63 94
3717                                        
3718                                </a>
3719                            </div>
3720                        
3721
3722                        
3723
3724                        
3725                            <div class="employee-contact-item">
3726                                
3727
3728                                <a data-email="
3729                                    
3730                                            [email protected]
3731                                        
3732                                " class="employee-contact-link employee-contact-link-email" href="mailto:[email protected]">E-Mail</a>
3733                            </div>
3734                        
3735                    </div>
3736                
3737            </div>
3738        </div>
3739    </div>
3740</div>
3741
3742
3743
3744
3745
3746                        
3747                
3748        </div>
3749    
3750	</div>
3751
3752    
3753
3754
3755                        
3756                        
3757                            
3758
3759
3760
3761                        
3762                        
3763                            
3764
3765
3766
3767                        
3768                    
3769            </div>
3770        </div>
3771    
3772
3773
3774                        
3775                </div>
3776            </div>
3777        </div>
3778    </div>
3779
3780                </div>
3781            </div>
3782        </div>
3783    
3784
3785
3786
3787                        
3788                        
3789                            
3790
3791
3792
3793                        
3794                        
3795                            
3796
3797
3798
3799                        
3800                    
3801            </div>
3802        </div>
3803    
3804
3805
3806            </div>
3807        </div>
3808    </div>
3809</div>
3810
3811
3812
3813
3814
3815    
3816
3817    
3818
3819    
3820        
3821
3822
3823
3824    
3825
3826
3827
3828<script src="/typo3temp/assets/compressed/merged-c6e6b1c2f45ecba598a37249e7e8ef0a-f988b4a76a450df8607891cb7958693a.js?1789649530"></script>
3828
3829
3830<script src="/typo3temp/assets/compressed/merged-59e033c8892b24f48562cca6663532bd-177a5969a0bea765e4ebc78edef13ba8.js?1763455310"></script>
3830
3831
3832<script>
3833        window.modalSpinner = "<div class='text-center h-100'><div class='spinner text-primary' role='status'><span class='visually-hidden'>Bitte warten...</span></div></div>";
3834    </script>
3834
3835<!--
3836  ~ Copyright (c) 2021.
3837  ~
3838  ~ @category   TYPO3
3839  ~
3840  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
3841  ~ @author     Dirk Persky <[email protected]>
3842  ~ @license    MIT
3843  -->
3844
3845
3846
3847
3848
3849<!-- Begin Cookie Consent plugin by Dirk Persky - https://github.com/DirkPersky/typo3-dp_cookieconsent -->
3850<script type="text/plain" data-ignore="1" data-dp-cookieDesc="layout">
3851    <!--
3852  ~ Copyright (c) 2021.
3853  ~
3854  ~ @category   TYPO3
3855  ~
3856  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
3857  ~ @author     Dirk Persky <[email protected]>
3858  ~ @license    MIT
3859  -->
3860
3861Wir benutzen Cookies, die für den technischen Betrieb der Website erforderlich sind und stets gesetzt werden. Cookies, um Inhalte und Anzeigen zu personalisieren und die Zugriffe auf unsere Website zu analysieren, werden nur mit Ihrer Zustimmung gesetzt. Informationen darüber, wie Sie unsere Website verwenden, geben wir auch an unsere Partner für soziale Medien, Werbung und Analysen weiter.
3862
3863
3864    <a aria-label="Lesen Sie unsere Cookie-Richtlinie. about cookies"
3865       role="button"
3866       class="cc-link"
3867       href="/de/impressum-und-datenschutz"
3868       rel="noopener noreferrer nofollow"
3869       target="_blank"
3870    >
3871
3872        Lesen Sie unsere Cookie-Richtlinie.
3873    </a>
3874
3875
3876</script>
vendor: 1 bytes, line 3876
3876
3877<script type="text/plain" data-ignore="1" data-dp-cookieSelect="layout">
3878    <!--
3879  ~ Copyright (c) 2021.
3880  ~
3881  ~ @category   TYPO3
3882  ~
3883  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
3884  ~ @author     Dirk Persky <[email protected]>
3885  ~ @license    MIT
3886  -->
3887
3888<div class="dp--cookie-check">
3889    <label for="dp--cookie-required">
3890        <input class="dp--check-box" id="dp--cookie-required" type="checkbox" name="" value="" checked disabled>
3891        Notwendig
3892    </label>
3893    <label for="dp--cookie-statistics">
3894        <input class="dp--check-box" id="dp--cookie-statistics" type="checkbox" name="" value="">
3895        Statistiken
3896    </label>
3897    <label for="dp--cookie-marketing">
3898        <input class="dp--check-box" id="dp--cookie-marketing"  type="checkbox" name="" value="">
3899        Marketing
3900    </label>
3901</div>
3902
3903</script>
vendor: 1 bytes, line 3903
3903
3904<script type="text/plain" data-ignore="1" data-dp-cookieRevoke="layout">
3905    <div class="dp--revoke {{classes}}">
3906    <i class="dp--icon-fingerprint"></i>
3907    <span class="dp--hover">Cookies</span>
3908</div>
3909</script>
vendor: 1 bytes, line 3909
3909
3910<script type="text/plain" data-ignore="1" data-dp-cookieIframe="layout">
3911    <div class="dp--overlay-inner" data-nosnippet>
3912    <div class="dp--overlay-header">{{notice}}</div>
3913    <div class="dp--overlay-description">{{desc}}</div>
3914    <div class="dp--overlay-button">
3915        <button class="db--overlay-submit" onclick="window.DPCookieConsent.forceAccept(this)"
3916                data-cookieconsent="{{type}}">
3917        {{btn}}
3918        </button>
3919    </div>
3920</div>
3921
3922</script>
vendor: 1 bytes, line 3922
3922
3923<script data-ignore="1">
3924    window.cookieconsent_options = {
3925        overlay: {
3926            notice: true,
3927            box: {
3928                background: 'rgba(0,0,0,.8)',
3929                text: '#fff'
3930            },
3931            btn: {
3932                background: '#b81839',
3933                text: '#fff'
3934            }
3935        },
3936        content: {
3937            message:'Wir benutzen Cookies, die für den technischen Betrieb der Website erforderlich sind und stets gesetzt werden. Cookies, um Inhalte und Anzeigen zu personalisieren und die Zugriffe auf unsere Website zu analysieren, werden nur mit Ihrer Zustimmung gesetzt. Informationen darüber, wie Sie unsere Website verwenden, geben wir auch an unsere Partner für soziale Medien, Werbung und Analysen weiter.',
3938            dismiss:'Cookies zulassen!',
3939            allow:'Auswahl akzeptieren',
3940            deny: 'Ablehnen',
3941            link:'Lesen Sie unsere Cookie-Richtlinie.',
3942            href:'/de/impressum-und-datenschutz',
3943            target:'_blank',
3944            'allow-all': 'Alle akzeptieren',
3945            config: 'Anpassen',
3946            'config-header':  'Einstellungen für die Zustimmung anpassen',
3947
3948
3949            cookie: 'Cookies',
3950            duration: 'Dauer',
3951            vendor: 'Anbieter',
3952
3953            media: {
3954                notice: 'Cookie-Hinweis',
3955                desc: 'Beim Laden dieser Ressource wird eine Verbindung zu externen Servern hergestellt, die Cookies und andere Tracking-Technologien verwenden. Weitere Informationen finden Sie in unserer Datenschutzerklärung.',
3956                btn: 'Erlaube Cookies und lade diese Ressource.',
3957            }
3958        },
3959        theme: 'staempfli',
3960        position: 'bottom-right',
3961        type: 'opt-in',
3962        revokable: 1,
3963        reloadOnRevoke: false,
3964        checkboxes: {"statistics":"false","marketing":"false"},
3965        cookies: [{"field":"marketing","name":"Marketing","cookies":[{"cookie_name":"cuvid, cusid, cuvon","cookie_description_short":"","cookie_description":"","cookie_duration":"2","cookie_duration_time":"Jahr(e)","cookie_vendor":"ClickDimensions","cookie_vendor_link":"https:\/\/support.clickdimensions.com\/hc\/en-us\/articles\/115001156993-ClickDimensions-Cookies-for-Web-Analytics"}]},{"field":"statistics","name":"Statistiken","cookies":[{"cookie_name":"_ga (GTM-TDH9CF) (neu)","cookie_description_short":"","cookie_description":"","cookie_duration":"2","cookie_duration_time":"Jahr(e)","cookie_vendor":"Google Analytics","cookie_vendor_link":"https:\/\/policies.google.com\/privacy?hl=de-CH"},{"cookie_name":"_ga (G-RQYCG885KH) (neu)","cookie_description_short":"","cookie_description":"","cookie_duration":"2","cookie_duration_time":"Jahr(e)","cookie_vendor":"Google","cookie_vendor_link":""},{"cookie_name":"mf_user","cookie_description_short":"","cookie_description":"","cookie_duration":"90","cookie_duration_time":"Tag(e)","cookie_vendor":"Mouseflow","cookie_vendor_link":""},{"cookie_name":"mf_[website-id]","cookie_description_short":"","cookie_description":"","cookie_duration":"session","cookie_duration_time":null,"cookie_vendor":"Mouseflow","cookie_vendor_link":""},{"cookie_name":"_pk_*, mtm_*","cookie_description_short":"","cookie_description":"","cookie_duration":"400","cookie_duration_time":"Tag(e)","cookie_vendor":"Matomo","cookie_vendor_link":""}]}],
3966        palette: {
3967            popup: {
3968                background: '#000000',
3969                text: '#ffffff'
3970            },
3971            button: {
3972                background: '#ffffff',
3973                text: '#000000',
3974            }
3975        }
3976    };
3977</script>
3977
3978<!-- End Cookie Consent plugin -->
3979
3980    <!--
3981  ~ Copyright (c) 2021.
3982  ~
3983  ~ @category   TYPO3
3984  ~
3985  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
3986  ~ @author     Dirk Persky <[email protected]>
3987  ~ @license    MIT
3988  -->
3989
3990
3991
3992
3993
3994
3995    
3995<script data-cookieconsent="statistics" data-ignore="1" type="text/plain">
vendor: 340 bytes, lines 3995-4000
3995
3996        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3997new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
3998j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
3999'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
4000})(window,document,'script','dataLayer','
4000GTM-TDH9CF
vendor: 8 bytes, lines 4000-4001
4000');
4001    
4001</script>
4001
4002
4003
4004
4005
4006    <!--
4007  ~ Copyright (c) 2021.
4008  ~
4009  ~ @category   TYPO3
4010  ~
4011  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
4012  ~ @author     Dirk Persky <[email protected]>
4013  ~ @license    MIT
4014  -->
vendor: 132 bytes, lines 4014-4021
4014
4015
4016
4017
4018
4019
4020    <script data-cookieconsent="statistics" data-ignore="1"
4021            data-src="https://www.googletagmanager.com/gtag/js?id=
4021G-RQYCG885KH
vendor: 36 bytes, lines 4021-4024
4021" type="text/plain"></script>
4022
4023
4024    
4024<script data-cookieconsent="statistics" data-ignore="1" type="text/plain">
4025        
vendor: 130 bytes, lines 4025-4028
4025window.dataLayer = window.dataLayer || [];
4026function gtag(){dataLayer.push(arguments);}
4027gtag('js', new Date());
4028gtag('config', '
4028G-RQYCG885KH
vendor: 8 bytes, lines 4028-4029
4028');
4029    
4029</script>
4029
4030
4031
4032
4033
4034    <!--
4035  ~ Copyright (c) 2021.
4036  ~
4037  ~ @category   TYPO3
4038  ~
4039  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
4040  ~ @author     Dirk Persky <[email protected]>
4041  ~ @license    MIT
4042  -->
4043
4044
4045
4046
4047
4048
4049    
4049<script data-cookieconsent="statistics" data-ignore="1" type="text/plain">
4050        window._mfq = window._mfq || [];
4051	(function() {
4052	var mf = document.createElement("script");
4053	mf.type = "text/javascript"; mf.defer = true;
4054	mf.src = "//cdn.mouseflow.com/projects/35787ce8-baa2-4b48-8038-33f8f17eae07.js";
4055	document.getElementsByTagName("head")[0].appendChild(mf);
4056})();
4057    </script>
4057
4058
4059
4060
4061
4062    <!--
4063  ~ Copyright (c) 2021.
4064  ~
4065  ~ @category   TYPO3
4066  ~
4067  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
4068  ~ @author     Dirk Persky <[email protected]>
4069  ~ @license    MIT
4070  -->
4071
4072
4073
4074
4075
4076
4077    
4077<script data-cookieconsent="statistics" data-ignore="1" type="text/plain">
4078        var _paq = window._paq = window._paq || [];
4079/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
4080_paq.push(['trackPageView']);
4081_paq.push(['enableLinkTracking']);
4082(function() {
4083var u="//webstats.staempfli.com/";
4084_paq.push(['setTrackerUrl', u+'matomo.php']);
4085_paq.push(['setSiteId', '1']);
4086var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
4087g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
4088})();
4089    </script>
4089
4090
4091
4092
4093
4094    <!--
4095  ~ Copyright (c) 2021.
4096  ~
4097  ~ @category   TYPO3
4098  ~
4099  ~ @copyright  2021 Dirk Persky (https://github.com/DirkPersky)
4100  ~ @author     Dirk Persky <[email protected]>
4101  ~ @license    MIT
4102  -->
4103
4104
4105
4106
4107
4108
4109    
4109<script data-cookieconsent="marketing" data-ignore="1" type="text/plain">
4110        function trackCd() {
4111  var cdAnalytics = new clickdimensions.Analytics('analytics-eu.clickdimensions.com');
4112  cdAnalytics.setAccountKey('aZTN80o4eCUar9RtPp3FXd');
4113  cdAnalytics.setDomain('staempfli.com');
4114  cdAnalytics.setScore(typeof(cdScore) == "undefined" ? 0 : (cdScore == 0 ? null : cdScore));
4115  cdAnalytics.trackPage();   
4116}
4117
4118function loadScript(url, callback) {
4119  var script = document.createElement("script");
4120  script.type = "text/javascript";
4121
4122  if (script.readyState) {  // IE
4123    script.onreadystatechange = function() {
4124      if (script.readyState === "loaded" || script.readyState === "complete") {
4125        script.onreadystatechange = null;
4126          callback();
4127      }
4128    };
4129  } else {  // Others
4130    script.onload = function() {
4131    	callback();
4132    };
4133  }
4134
4135  script.src = url;
4136  document.getElementsByTagName("head")[0].appendChild(script);
4137}
4138
4139
4140// Load the external script
4141loadScript("https://analytics-eu.clickdimensions.com/ts.js", trackCd);
4142    </script>
4142
4143
4144
4145
4146
4147
4148
4149</body>
4150</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.