-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdenkwerkzeuge-workshop.html
346 lines (315 loc) · 14.8 KB
/
denkwerkzeuge-workshop.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sein Handeln verändern - mit Herz und Verstand</title>
<meta name="description" content="Denkwerkzeuge für Führungskräfte, die sich und ihre Organisationen weiter entwickeln wollen.">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#fffcfc">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Crimson+Pro&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/styles.css?v=4">
</head>
<body class="bg-white font-sans">
<header class="header-backdrop bg-opacity-80 bg-white fixed w-full h-20 z-10 transition-all duration-300">
<div id="mobile-menu" class="hidden fixed w-full bg-clay1">
<nav class="container mx-auto px-4 pt-24 pb-12">
<ul class="flex flex-col text-2xl space-y-4">
<li><a href="/index.html" class="text-black">home</a></li>
<!-- Other nav items are copied by js -->
</ul>
</nav>
</div>
<div class="container mx-auto px-4 h-full flex items-center justify-between">
<div class="w-[140px] mt-[3px]">
<a href="/">
<img src="assets/logo/causable_flat_black.svg" alt="Causable" class="header-logo w-full">
</a>
</div>
<nav id="menu" class="hidden lg:block">
<ul class="flex space-x-6 text-lg font-sans">
<li><a href="/strategy.html" class="text-black">strategy</a></li>
<li><a href="/sparring.html" class="text-black">sparring</a></li>
<li><a href="/training.html" class="text-black">training</a></li>
<li><a href="/about.html" class="text-black">about</a></li>
</ul>
</nav>
<div class="hidden">
<button class="navbar-burger flex items-center text-black p-3">
<svg class="block h-4 w-4 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Mobile menu</title>
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
</svg>
</button>
</div>
<div class="lg:hidden">
<button class="js-menu-btn tham tham-e-squeeze tham-w-5 p-5">
<div class="tham-box">
<div class="tham-inner"></div>
</div>
</button>
</div>
</div>
</header>
<div class="h-20"></div>
<main class="min-h-screen">
<section>
<div class="mx-auto w-[120px] py-16">
<img
class="w-full"
src="/assets/icons/icon_spiral.svg"
width="150px"
height="144px"
>
</div>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-8">
<h1 class="text-4xl font-serif balanced">
Sein Handeln verändern - mit Herz und Verstand
</h1>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-14">
<p class="mt-4 text-xl max-w-lg">
<em>Lerne, wie wir selbst unsere Veränderungsvorhaben sabotieren, weil wir nur das Gute wollen. </em>
</p>
<p class="mt-4 text-xl max-w-lg">
<em>Komm Deinen versteckten Annahmen und Glaubenssätzen auf die Schliche, damit Du endlich die Dinge verändern kannst, an denen Du schon lange festhängst. </em>
</p>
<p class="mt-4 text-xl max-w-lg">
<em>Finde Wege, Deine Annahmen zu testen und so zu erweitern, dass Herz und Verstand künftig für Dich an einem Strang ziehen. </em>
</p>
</section>
<section class="container mx-auto px-4 max-w-3xl pt-4">
<p class="pb-2 text-lg max-w-xl">
Wunderst Du Dich auch manchmal,
</p>
<p class="pb-2 text-lg max-w-xl">
... warum Du manche Gewohnheit nicht schaffst zu verändern, egal wie motiviert Du bist?
</p>
<p class="pb-2 text-lg max-w-xl">
... warum Du mit einem Fuss auf dem Gaspedal und mit dem anderen auf der Bremse zu stehen scheinst?
</p>
<p class="pb-2 text-lg max-w-xl">
... wie es sein kann, dass Du in bester Absicht an Deinem Ziel vorbei arbeitest?
</p>
</section>
<section class="container mx-auto px-4 max-w-3xl pt-4">
<p class="pb-2 text-lg max-w-xl">
Oft sind nicht alle Motive und Annahmen, die unserem Handeln zugrunde liegen, uns auch klar. Manchmal verstehen wir selbst nicht, warum wir etwas immer wieder tun – wider besseres Wissen und trotz einem festen Plan, die Dinge anders zu machen. Und doch scheint eine unsichtbare Hand uns in eine andere Richtung zu leiten als die, die wir uns bewusst ausgesucht haben.
</p>
<p class="pb-2 text-lg max-w-xl">
Das steht Veränderungen in unserem Leben und in Organisationen im Weg und verschließt persönliche und professionelle Entwicklungsmöglichkeiten.
</p>
<p class="pb-2 text-lg max-w-xl">
Dieser Workshop ist für Dich, wenn Du Deine unbewußten Widerstände zu Verbündeten machen und lernen möchtest, was sie Dir mitteilen wollen.
</p>
</section>
<div class="bg-autumn1 rotate-1 h-[100px] -mb-10"></div>
<div class="bg-autumn1">
<section class="container mx-auto px-4 max-w-3xl pt-4">
<div class="flex flex-row gap-6 md:gap-16">
<div class="flex-1">
<h3 class="pb-3 text-xl">
In einem begleiteten Online-Format lernst Du:
</h3>
<div class="mb-5 grid grid-cols-[20px_minmax(0,_1fr)] gap-1">
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Wissenschaftliche Erklärungen für die Denkmuster erfolgreicher Führungskräfte und wie Du diese trainierst.
</p>
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Eine erprobte Methode, mit der Du Deine eigenen Denkmuster offenlegen und weiterentwickeln kannst.
</p>
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Und Du entwirfst Deine eigenen Experimente, mit denen Du Deine zentralen versteckten Annahmen prüfen kannst – was ist safe to try, wie könntest Du auch handeln?
</p>
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Nach einer Woche sehen wir uns wieder, ziehen gemeinsam Bilanz und beantworten Fragen zur Methode, die zwischenzeitlich aufgekommen sind.
</p>
</div>
<h3 class="pb-2 text-xl">
Für wen ist dieser Workshop geeignet?
</h3>
<div class="mb-5 grid grid-cols-[20px_minmax(0,_1fr)] gap-1">
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Du hast einen Veränderungswunsch für Dein Verhalten, den Du wirklich angehen willst und der Dir etwas bedeutet – es würde Dich wirklich persönlich und beruflich weiterbringen, „dieses eine grosse Ding“ künftig besser zu können.
</p>
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Du hast schon versucht an „Deinem einen grossen Ding“ zu arbeiten, aber es will einfach nicht klappen.
</p>
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Du kannst während aller Workshop-Termine den gesamten Zeitraum mit uns arbeiten und hast die Energie und den Freiraum, Deine Experimente, die Du entwirfst, anschliessend in die Tat umzusetzen.
</p>
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Du bist bereit, bereits vorab Zeit zu investieren. Ein essenzieller Teil des Workshops ist Deine Vorbereitung. Wir setzen voraus, dass Du Dir Feedback von Deinem Umfeld einholst (Aufwand je etwa 1 Stunde für Dich und Deine:n Feedback-Partner:in).
</p>
<div class="text-lg">►</div>
<p class="pb-2 text-lg max-w-lg">
Du fühlst Dich kraftvoll, um an der heiklen Frage zu arbeiten, die Deine persönliche Weiterentwicklung den entscheidenden Schritt weiterbringt. Du bist neugierig und bereit dort hinzuschauen.
</p>
</div>
<h3 class="pb-2 text-xl">
Wo und wie?
</h3>
<p class="pb-5 text-lg max-w-lg">
Online-Workshop über Zoom in einer kleinen Gruppe von 6-10 Personen
</p>
<div class="mb-5 grid grid-cols-[20px_minmax(0,_1fr)] gap-1">
<div class="text-lg">△</div>
<p class="pb-5 text-lg max-w-lg">
Briefing zur Vorbereitungsaufgabe am Dienstag, 20. August, von 16.30-17 Uhr (oder per Email)
</p>
<div class="text-lg">△</div>
<p class="pb-5 text-lg max-w-lg">
Workshop-Sessions am Dienstag, 3. September, von 9-12 Uhr, Mittwoch 4. September, von 9-11 Uhr und Donnerstag, 5. September von 9-12 Uhr
</p>
<div class="text-lg">△</div>
<p class="pb-5 text-lg max-w-lg">
Debriefing und Follow-Up zur Erprobungsphase am Mittwoch, 11. September, von 9-10 Uhr
</p>
</div>
<h3 class="pb-2 text-xl">
Mit wem?
</h3>
<p class="pb-5 text-lg max-w-lg">
Jonas Jankus, Arbeits- und Organisationspsychologe, People & Culture, Ambient Innovation (Köln)
</p>
<p class="pb-5 text-lg max-w-lg">
Silvia Maier, Neuroökonomin, Gründerin & Geschäftsführerin, Causable (Zürich)
</p>
</div>
</div>
</section>
<section class="js-contact container mx-auto px-4 max-w-3xl pb-24">
<div
class="max-w-xl rounded-3xl py-4"
>
<div class="js-contact-btn cursor-pointer">
<h3 class="text-2xl pb-3">
Möchtest Du teilnehmen?
</h3>
<p class="text-secondary3 underline">
Melde Dich hier an
</p>
</div>
<div class="js-contact-form hidden mt-4 text-left text-xl bg-clay1 rounded-2xl">
<form
action="https://formspree.io/f/xjvqjbjg"
method="POST"
class="px-4 md:px-8 pt-12 mb-4"
>
<div class="mb-4">
<label
for="email"
class="block text-gray-700 mb-2"
>
Your email*
</label>
<input
type="email"
name="email"
required
class="p-2 w-full max-w-[400px] focus:outline-secondary3 outline-offset-3"
>
<p class="text-xs text-gray-600 pt-2">
* Required
</p>
</div>
<div class="mb-6">
<label
for="message"
class="balanced text-xl block text-gray-700 mb-2"
>
Anything in particular you would like to talk about?
</label>
<textarea
name="message"
rows="3"
class="p-2 w-full max-w-[400px] focus:outline-secondary3"
></textarea>
</div>
<input type="hidden" id="denkwerzeuge" name="denkwerzeuge" value="denkwerzeuge-workshop"><div class="flex items-center justify-between">
<button
type="submit"
class="py-2 px-4 font-bold bg-secondary3 hover:bg-secondary4 text-white rounded focus:outline-black"
>Send</button>
<div>
<p class="balanced text-ld max-w-xs text-gray-600">
<em>Once you hit send we'll be in touch shortly.</em>
</p>
</div>
</div>
<div>
<p class="pt-10 pb-2 text-xs text-gray-600">
Your data will be used only to contact you. Nothing else.
</p>
</div>
</form>
</div>
</div>
</section>
</div>
</main>
<footer class="bg-sage4 text-white py-10">
<div class="container mx-auto px-4 max-w-3xl py-10">
<div class="grid grid-cols-3 gap-8">
<div>
<h3 class="text-l mb-4 text-slate-100">Get in touch</h3>
<div class=" text-slate-300 pb-1">
<span
class="eml"
data-x="silvia.maier"
data-y="causable.ch"
>
</span>
</div>
<ul class="-ml-1 text-slate-400 select-none">
<li>
<a class="text-primary" href="https://www.linkedin.com/company/causable-world/">
<svg class="inline" style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
</svg>
</a>
<a class="text-primary" href="https://twitter.com/Silvia_U_Maier">
<svg class="inline" style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
</svg>
</a>
</li>
</ul>
</div>
<div>
<h3 class="text-l mb-4"></h3>
<ul class="space-y-2 text-slate-400">
<li><a href="#"></a></li>
</ul>
</div>
<div>
<h3 class="text-l mb-4"></h3>
<ul class=" text-slate-300">
<li>Causable GmbH</li>
<li>Tellstrasse 31</li>
<li>8004 Zürich</li>
</ul>
</div>
</div>
</div>
<div class="container mx-auto px-4 max-w-3xl text-center text-slate-500 select-none">
© 2023 Causable GmbH | Design by Eva van Jensen
</div>
</footer>
<script src="/assets/js/index.js"></script>
</body>
</html>