1<!DOCTYPE html><html lang="de-CH"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/2083bc6c-1d77-4f84-b789-f720b6e38191/raphael-frangi-signature.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/f5b2ce1b-ef6f-4f44-a647-f430108c93a3/raphael-cutout.png"/><link rel="stylesheet" href="/assets/styles-DkyUuVGE.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" data-precedence="default"/><title>Raphael Frangi â Keynote Speaker & Marketing Executive</title><meta name="author" content="Raphael Frangi"/><meta name="twitter:site" content="@Lovable"/><meta name="description" content="Keynote Speaker & Marketing Executive. Vom stotternden Schüler zum Veränderer in Systemen: Transformation, Personal Branding und Digital Marketing â mutig, leidenschaftlich, transformativ."/><meta property="og:title" content="Raphael Frangi â Keynote Speaker & Marketing Executive"/><meta property="og:description" content="Veränderung ist kein Zufall. Sie ist eine Entscheidung. Keynotes zu Transformation, Personal Branding und Digital Marketing â mit über 200 Auftritten von Düsseldorf bis New York."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><link rel="modulepreload" href="/assets/index-DveWzADK.js"/><link rel="modulepreload" href="/assets/routes-BFL6uk-p.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="icon" href="/favicon.png" type="image/png"/>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<meta name="twitter:title" content="Raphael Frangi â Keynote Speaker &amp; Marketing Executive"><meta name="twitter:description" content="Veränderung ist kein Zufall. Sie ist eine Entscheidung. Keynotes zu Transformation, Personal Branding und Digital Marketing â mit über 200 Auftritten von Düsseldorf bis New York."><meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/lovp_3p9908htvb9p19csj47kxe4c3f/40dcc02ae0862bd71875d07d1faef39e_1791131747220.png"><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/lovp_3p9908htvb9p19csj47kxe4c3f/40dcc02ae0862bd71875d07d1faef39e_1791131747220.png"></head><body><!--$--><div class="min-h-screen bg-ink font-sans text-ice antialiased selection:bg-beam selection:text-ink"><header class="sticky top-0 z-50 border-b border-line/70 bg-ink/70 backdrop-blur-md"><div class="mx-auto flex h-16 max-w-[1280px] items-center justify-between px-4 sm:px-6"><a href="/" aria-label="Raphael Frangi â Startseite"><img src="/__l5e/assets-v1/2083bc6c-1d77-4f84-b789-f720b6e38191/raphael-frangi-signature.png" alt="Raphael Frangi â Signatur-Logo" class="h-16 w-auto"/></a><nav class="hidden items-center gap-8 font-mono text-[11px] uppercase tracking-[0.18em] text-fog md:flex"><a href="#keynotes" class="transition-colors hover:text-ice">Methoden</a><a href="#story" class="transition-colors hover:text-ice">Story</a><a href="#podcast" class="transition-colors hover:text-ice">Podcast</a><a href="#werte" class="transition-colors hover:text-ice">Werte</a><a href="#askfrangi" class="transition-colors hover:text-ice">#AskFrangi</a></nav><div class="flex items-center gap-2 md:gap-4"><a href="#buchung" class="group inline-flex shrink-0 items-center gap-2 rounded-md bg-beam px-3 py-2 text-sm font-semibold text-ink transition-colors hover:bg-ice sm:px-4 sm:py-2">Kennenlernen <span class="transition-transform group-hover:translate-x-1">â</span></a><button type="button" aria-label="Menü öffnen" aria-expanded="false" class="grid size-10 shrink-0 place-items-center rounded-md border border-line text-ice transition-colors hover:border-beam hover:text-beam md:hidden"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="size-5" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"></path></svg></button></div></div></header><section class="relative overflow-hidden"><div class="pointer-events-none absolute inset-0"><div class="beam-glow absolute -top-40 left-1/2 h-[120%] w-[46rem] -translate-x-1/2 bg-beam/10 blur-3xl"></div></div><div class="relative mx-auto max-w-[1280px] px-6 pb-20 pt-16"><div class="grid items-start gap-x-12 gap-y-10 md:grid-cols-[minmax(0,1fr)_minmax(300px,38%)] lg:grid-cols-[minmax(0,1fr)_440px]"><div class="md:col-start-1 md:row-start-1"><p class="rise font-mono text-[10px] uppercase tracking-[0.2em] text-beam [animation-delay:60ms] sm:text-[11px] sm:tracking-[0.3em]">#RealTalk · mutig · leidenschaftlich · transformativ</p><h1 class="rise mt-6 font-display text-[clamp(3.5rem,10vw,8rem)] leading-[1.02] tracking-tight [animation-delay:140ms]">WIRKUNG<br/><span class="text-beam">IST KEIN</span><br/>ZUFALL.</h1></div><div class="relative mx-auto w-full max-w-[360px] md:col-start-2 md:row-span-2 md:row-start-1 md:mx-0 md:w-auto md:max-w-none md:justify-self-end"><div class="rise [animation-delay:300ms]"><div class="pointer-events-none absolute bottom-0 left-1/2 top-1/3 w-[130%] -translate-x-1/2 rounded-full bg-beam/15 blur-3xl"></div><img src="/__l5e/assets-v1/f5b2ce1b-ef6f-4f44-a647-f430108c93a3/raphael-cutout.png" alt="Raphael Frangi, Porträt mit verschränkten Armen" width="896" height="1200" class="relative w-full object-contain [mask-image:linear-gradient(to_bottom,black_75%,transparent_98%)]"/></div></div><div class="md:col-start-1 md:row-start-2"><p class="rise hyphens-auto text-base leading-relaxed text-pretty text-ice [animation-delay:240ms] md:max-w-[40ch] md:text-lg">Als Marketing Executive in der Corporate Welt entwickle ich Menschen, damit Veränderung möglich wird und sich gut anfühlt.</p><p class="rise mt-4 hyphens-auto text-base leading-relaxed text-pretty text-ice [animation-delay:280ms] md:max-w-[46ch] md:text-lg">Als Speaker bringe ich Energie, Klarheit und neue Perspektiven auf die Bühne. Als Mentor begleite ich Menschen in ihrer Entwicklung. Und als Experte teile ich, was in der Praxis funktioniert.</p><p class="rise mt-6 max-w-[46ch] border-l-2 border-beam pl-5 text-lg leading-snug text-pretty text-ice [animation-delay:310ms]">Ich stehe nicht einfach für schöne Folien über Veränderung.<!-- --> <span class="text-beam">Ich stehe für Menschen, die Veränderung möglich machen.</span></p><div class="rise mt-9 flex flex-wrap gap-4 [animation-delay:340ms]"><a href="#buchung" class="group inline-flex items-center gap-2 rounded-md bg-beam px-6 py-3.5 font-semibold text-ink transition-colors hover:bg-ice">Kennenlernen <span class="transition-transform group-hover:translate-x-1">â</span></a><a href="#keynotes" class="inline-flex items-center gap-2 rounded-md border border-line px-6 py-3.5 font-medium text-ice transition-colors hover:border-beam hover:text-beam">Methoden ansehen</a></div><div class="rise mt-10 flex flex-wrap gap-x-8 gap-y-2 font-mono text-[11px] uppercase tracking-[0.15em] text-fog [animation-delay:440ms]"><span>LEGO⢠Serious Playâ¢</span><span class="text-beam">·</span><span>seit 2017</span><span class="text-beam">·</span><span>Düsseldorf â New York</span></div></div></div></div></section><section class="border-y border-line bg-panel"><div class="mx-auto grid max-w-[1280px] grid-cols-2 gap-y-10 px-6 py-12 md:grid-cols-3 lg:grid-cols-6"><div class="rise text-center [animation-delay:60ms] md:border-r md:border-line/60 "><p class="font-display text-5xl text-beam">200+</p><p class="mt-2 font-mono text-[11px] uppercase tracking-[0.15em] text-fog">Keynotes gehalten</p></div><div class="rise text-center [animation-delay:120ms] md:border-r md:border-line/60 "><p class="font-display text-5xl ">850+</p><p class="mt-2 font-mono text-[11px] uppercase tracking-[0.15em] text-fog">Webinare</p></div><div class="rise text-center [animation-delay:180ms] md:border-r md:border-line/60 "><p class="font-display text-5xl ">2'000+</p><p class="mt-2 font-mono text-[11px] uppercase tracking-[0.15em] text-fog">Studierende</p></div><div class="rise text-center [animation-delay:240ms] md:border-r md:border-line/60 "><p class="font-display text-5xl ">190+</p><p class="mt-2 font-mono text-[11px] uppercase tracking-[0.15em] text-fog">Kandidaten</p></div><div class="rise text-center [animation-delay:300ms] md:border-r md:border-line/60 "><p class="font-display text-5xl ">25</p><p class="mt-2 font-mono text-[11px] uppercase tracking-[0.15em] text-fog">Jahre Marketing</p></div><div class="rise text-center [animation-delay:360ms] md:border-r md:border-line/60 md:border-r-0"><p class="font-display text-5xl ">20</p><p class="mt-2 font-mono text-[11px] uppercase tracking-[0.15em] text-fog">Jahre Führung</p></div></div></section><section id="keynotes" class="mx-auto max-w-[1280px] px-6 py-24"><div class="mb-12 flex flex-wrap items-end justify-between gap-6"><div><p class="font-mono text-[11px] uppercase tracking-[0.3em] text-fog">(a) Methoden</p><h2 class="rise mt-4 text-balance font-display text-5xl tracking-tight md:text-6xl">Meine<br/><span class="text-beam">drei</span> Methoden</h2></div><a href="#buchung" class="group inline-flex items-center gap-2 rounded-md border border-line px-5 py-3 font-medium transition-colors hover:border-beam hover:text-beam">Kennenlernen <span class="transition-transform group-hover:translate-x-1">â</span></a></div><div class="grid gap-6 md:grid-cols-3"><div class="rise flex flex-col rounded-2xl border border-line bg-panel p-7 transition-colors hover:border-beam/60 [animation-delay:120ms]"><span class="font-mono text-[11px] text-beam">01</span>
1<h3 class="mt-3 whitespace-pre-line font-display text-3xl leading-tight">LEGO⢠2Serious Playâ¢</h3><p class="mt-4 text-sm font-semibold text-pretty">Denken mit den Händen. Verstehen im Kopf. Bewegen im System.</p><p class="mt-4 text-sm text-pretty text-fog">LEGO⢠Serious Play⢠macht Gedanken, Spannungen und Lösungen sichtbar und erlebbar, über die sonst oft nur geredet wird.</p><ul class="mt-6 space-y-3 text-sm"><li class="flex gap-3"><span class="text-beam">â</span>Komplexität bauen, statt sie totzureden</li><li class="flex gap-3"><span class="text-beam">â</span>Jede Stimme kommt auf den Tisch</li><li class="flex gap-3"><span class="text-beam">â</span>Gemeinsam verstehen, entscheiden und verändern</li></ul><div class="mt-auto border-t border-line pt-4"><p class="mt-6 font-mono text-[11px] uppercase tracking-[0.15em] text-beam">30+ Sessions. 400+ Menschen. Zürich. Düsseldorf. New York.</p></div></div><div class="rise flex flex-col rounded-2xl border border-line bg-panel p-7 transition-colors hover:border-beam/60 [animation-delay:220ms]"><span class="font-mono text-[11px] text-beam">02</span><h3 class="mt-3 whitespace-pre-line font-display text-3xl leading-tight">Speaking</h3><p class="mt-4 text-sm text-pretty text-fog">Eine gute Keynote informiert. Eine starke Keynote verändert etwas und erzeugt Wirkung. Ich liebe Bühnen, weil dort in wenigen Minuten etwas entstehen kann, das Menschen noch lange begleitet: ein Gedanke, ein Gefühl, eine Entscheidung. Speaking darf berühren, irritieren, Energie geben und Menschen ins Tun bringen.</p><ul class="mt-6 space-y-3 text-sm"><li class="flex gap-3"><span class="text-beam">â</span>Geschichten, die im Kopf bleiben</li><li class="flex gap-3"><span class="text-beam">â</span>Impulse, die etwas auslösen</li><li class="flex gap-3"><span class="text-beam">â</span>Energie, die über die Bühne hinaus wirkt</li></ul><div class="mt-auto border-t border-line pt-4"><p class="mt-6 font-mono text-[11px] uppercase tracking-[0.15em] text-beam">33+ Keynotes und Moderationen.</p></div></div><div class="rise flex flex-col rounded-2xl border border-line bg-panel p-7 transition-colors hover:border-beam/60 [animation-delay:320ms]"><span class="font-mono text-[11px] text-beam">03</span><h3 class="mt-3 whitespace-pre-line font-display text-3xl leading-tight">Mentoring à Coaching</h3><p class="mt-4 text-sm text-pretty text-fog">Du musst nicht jede Erfahrung selber machen. Aber deine Antworten musst du selber finden. Deshalb verbinde ich Mentoring und Coaching. Im Mentoring teile ich Erfahrungen, Abkürzungen und Learnings aus der Praxis. Im Coaching geht es tiefer: hinschauen, Muster verstehen, die richtigen Fragen stellen und den eigenen Weg zur Lösung finden.</p><ul class="mt-6 space-y-3 text-sm"><li class="flex gap-3"><span class="text-beam">â</span>Von Erfahrung profitieren, ohne sie kopieren zu müssen</li><li class="flex gap-3"><span class="text-beam">â</span>Klarheit schaffen, wenn es kompliziert wird</li><li class="flex gap-3"><span class="text-beam">â</span>Lösungen entwickeln, die wirklich zu dir passen</li></ul><div class="mt-auto border-t border-line pt-4"><p class="mt-6 font-mono text-[11px] uppercase tracking-[0.15em] text-beam">2'000+ Studierende</p></div></div></div></section><section id="story" class="border-y border-line bg-panel"><div class="mx-auto grid max-w-[1280px] grid-cols-1 items-center gap-12 px-6 py-24 lg:grid-cols-12"><div class="lg:col-span-5"><div class="rise relative flex justify-center [animation-delay:120ms] lg:justify-start"><div class="pointer-events-none absolute inset-x-6 top-20 bottom-0 rounded-full bg-beam/10 blur-3xl"></div><img src="/__l5e/assets-v1/c1620a7f-b4c1-4076-b5c4-4503e8eca3f9/raphael-speaking.png" alt="Raphael Frangi bei einem Vortrag" loading="lazy" class="relative w-full max-w-[440px] object-contain"/></div></div><div class="lg:col-span-7"><p class="font-mono text-[11px] uppercase tracking-[0.3em] text-beam">(b) Story</p><h2 class="rise mt-4 text-balance font-display text-4xl tracking-tight [animation-delay:120ms] md:text-5xl">
2Vom stotternden Schüler zum Veränderer in Systemen.</h2><p class="rise mt-6 max-w-[52ch] hyphens-auto text-base leading-relaxed text-pretty text-fog [animation-delay:220ms] md:text-lg">«Auch du kannst die Veränderung in und an deinem System erfolgreich umsetzen. Warum ich das weiss? Weil ich selbst erfahren habe, wie aus Ohnmacht Gestaltungskraft werden kann!»</p><p class="rise mt-4 max-w-[52ch] hyphens-auto text-base leading-relaxed text-pretty text-fog [animation-delay:320ms] md:text-lg">Es begann mit einer Stimme, die nicht kommen wollte. Heute stehe ich auf grossen und kleinen Bühnen, vor Führungsteams und Weiterbildungsinstituten â und zeige, wie Veränderung gelingt: nicht als Zufall, sondern als Entscheidung.</p><p class="rise mt-4 max-w-[52ch] hyphens-auto text-base leading-relaxed text-pretty text-fog [animation-delay:380ms] md:text-lg">Mich treibt die Frage an, wie Menschen klarer denken, mutiger handeln und ihre Wirkung entfalten können. Deshalb entwickle ich Strategien, baue neue Arbeitsweisen auf, begleite Transformation und schaffe Räume, in denen Menschen wachsen können. Als Marketing Executive, Speaker und Coach verbinde ich Business, Kommunikation und persönliche Entwicklung.</p><a href="#buchung" class="rise group mt-8 inline-flex items-center gap-2 rounded-md bg-beam px-6 py-3.5 font-semibold text-ink transition-colors hover:bg-ice [animation-delay:420ms]">Mehr erfahren <span class="transition-transform group-hover:translate-x-1">â</span></a></div></div><div class="mx-auto max-w-[760px] px-6 pb-24"><a href="https://www.linkedin.com/in/raphaelfrangi/" target="_blank" rel="noreferrer" class="rise group block rounded-2xl border border-line bg-panel-2 p-6 transition-colors duration-300 hover:border-beam/50 [animation-delay:200ms] md:p-8"><div class="flex items-center gap-3"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-ice"><svg viewBox="0 0 24 24" class="h-4 w-4 text-ink" fill="currentColor" aria-hidden="true"><path d="M20.45 20.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.94v5.67H9.36V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28ZM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12ZM7.12 20.45H3.56V9h3.56v11.45ZM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.22 0Z"></path></svg></span><span class="font-mono text-[11px] uppercase tracking-[0.3em] text-fog">Aktuell aus dem Businessalltag</span><span class="ml-auto flex items-center gap-1.5 text-[11px] text-fog"><span class="relative flex h-5 w-5"><span class="absolute inline-flex h-full w-full animate-[ping_1.4s_cubic-bezier(0,0,0.2,1)_infinite] rounded-full bg-beam opacity-75"></span><span class="relative inline-flex h-5 w-5 rounded-full bg-beam"></span></span><span class="hidden sm:inline">Backstage & Gedanken</span></span></div><p class="mt-6 text-balance text-xl font-medium leading-snug text-ice md:text-2xl">Vor 20 Jahren brachte mich Stottern zum Schweigen. Heute stehe ich vor 500 Menschen im Saal. Der Puls vor dem Auftritt? Ist genau gleich. Der Unterschied: Heute treibt mich nicht die Angst, sondern die Leidenschaft, etwas im Raum zu bewegen.</p><span class="mt-6 inline-flex items-center gap-2 text-sm font-semibold text-beam">Mehr Einblicke auf LinkedIn<span class="transition-transform group-hover:translate-x-1">â</span></span></a></div></section><section id="podcast" class="border-y border-line bg-panel"><div class="mx-auto max-w-[1280px] px-6 py-24"><p class="font-mono text-[11px] uppercase tracking-[0.3em] text-beam">(c) Podcast</p><h2 class="rise mt-4 text-balance font-display text-4xl tracking-tight md:text-5xl">Der Raphael Frangi Podcast.</h2><div class="mt-12 grid min-w-0 gap-12 lg:grid-cols-12"><div class="min-w-0 lg:col-span-5"><div class="rise overflow-hidden rounded-xl outline-1 -outline-offset-1 outline-line/60"><img alt="Podcast-Cover: Raphael Frangi Podcast" width="1024" height="1024" loading="lazy" class="aspect-square w-full object-cover"/></div><p class="rise mt-6 max-w-[52ch] text-pretty text-fog [animation-delay:120ms]">Realtalk über Transformation, Marketing und Leadership â mit Gästen, die Unternehmen, Projekte oder ihr Leben umbauen. Keine Hochglanzfassaden, keine PR-Antworten.</p><div class="rise mt-6 flex flex-wrap gap-3 [animation-delay:200ms]"></div></div><div class="min-w-0 lg:col-span-7"><div class="flex flex-col items-start justify-center rounded-xl border border-line bg-panel-2 p-8"><p class="font-mono text-[11px] uppercase tracking-[0.15em] text-fog">Episoden werden geladen â¦</p><a href="https://marketingmonkey.podigee.io" target="_blank" rel="noreferrer" class="group mt-4 inline-flex items-center gap-2 text-sm text-beam">
2Zum Podcast auf Podigee <span class="transition-transform group-hover:translate-x-1">â</span></a></div></div></div></div></section><section id="werte" class="mx-auto max-w-[1280px] px-6 py-24"><p class="font-mono text-[11px] uppercase tracking-[0.3em] text-beam">(d) Werte & Prinzipien</p><div class="relative mx-auto mt-6 hidden aspect-square w-full max-w-[880px] lg:block"><div class="absolute left-1/2 top-1/2 aspect-square w-[74%] -translate-x-1/2 -translate-y-1/2 rounded-full border border-line/60"></div><div class="absolute left-1/2 top-1/2 aspect-square w-[46%] -translate-x-1/2 -translate-y-1/2 rounded-full border border-line/40"></div><div class="absolute left-1/2 top-1/2 aspect-square w-[42%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-beam/10 blur-3xl"></div><div class="rise absolute left-1/2 top-1/2 z-10 w-[40%] -translate-x-1/2 -translate-y-1/2 text-center"><h2 class="text-balance font-display text-5xl leading-[0.95] tracking-tight text-ice md:text-6xl">WAS MICH<br/><span class="text-beam [text-shadow:0_0_24px_oklch(0.875_0.18_95/0.35)]">ANTREIBT.</span></h2></div><div class="absolute top-0 left-1/2 -translate-x-1/2" style="animation-delay:150ms"><div class="rise group flex aspect-square w-48 flex-col items-center justify-center rounded-full border border-line bg-panel/80 p-5 text-center shadow-2xl backdrop-blur-md transition-colors duration-500 hover:border-beam md:w-56"><span class="mb-1 font-mono text-[11px] font-bold uppercase tracking-widest text-beam">01</span><h3 class="font-display text-2xl uppercase leading-none text-ice">MUT</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Zuerst der Schritt, dann der Plan.</p></div></div><div class="absolute top-[18%] right-[4%]" style="animation-delay:270ms"><div class="rise group flex aspect-square w-48 flex-col items-center justify-center rounded-full border border-line bg-panel/80 p-5 text-center shadow-2xl backdrop-blur-md transition-colors duration-500 hover:border-beam md:w-56"><span class="mb-1 font-mono text-[11px] font-bold uppercase tracking-widest text-beam">02</span><h3 class="font-display text-2xl uppercase leading-none text-ice">LEIDENSCHAFT</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Energie, die ansteckt.</p></div></div><div class="absolute bottom-[18%] right-[4%]" style="animation-delay:390ms"><div class="rise group flex aspect-square w-48 flex-col items-center justify-center rounded-full border border-line bg-panel/80 p-5 text-center shadow-2xl backdrop-blur-md transition-colors duration-500 hover:border-beam md:w-56"><span class="mb-1 font-mono text-[11px] font-bold uppercase tracking-widest text-beam">03</span><h3 class="font-display text-2xl uppercase leading-none text-ice">TRANSFORMATION</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Wandel, der bleibt.</p></div></div><div class="absolute bottom-[18%] left-[4%]" style="animation-delay:510ms"><div class="rise group flex aspect-square w-48 flex-col items-center justify-center rounded-full border border-line bg-panel/80 p-5 text-center shadow-2xl backdrop-blur-md transition-colors duration-500 hover:border-beam md:w-56"><span class="mb-1 font-mono text-[11px] font-bold uppercase tracking-widest text-beam">04</span><h3 class="font-display text-2xl uppercase leading-none text-ice">KOMFORTZONE</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Draussen fängt es an.</p></div></div><div class="absolute top-[18%] left-[4%]" style="animation-delay:630ms"><div class="rise group flex aspect-square w-48 flex-col items-center justify-center rounded-full border border-line bg-panel/80 p-5 text-center shadow-2xl backdrop-blur-md transition-colors duration-500 hover:border-beam md:w-56"><span class="mb-1 font-mono text-[11px] font-bold uppercase tracking-widest text-beam">05</span><h3 class="font-display text-2xl uppercase leading-none text-ice">WIRKUNGSSTÃRKE</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Präsenz, die trägt.</p></div></div></div><div class="mt-10 lg:hidden"><h2 class="rise font-display text-5xl leading-tight tracking-tight text-ice">WAS MICH<!-- --> <span class="text-beam [text-shadow:0_0_24px_oklch(0.875_0.18_95/0.35)]">ANTREIBT.</span></h2><div class="relative mx-auto mt-10 flex max-w-[440px] flex-col items-center gap-6"><div aria-hidden="true" class="absolute bottom-6 left-1/2 top-6 w-px -translate-x-1/2 bg-gradient-to-b from-transparent via-line to-transparent"></div><div class="relative z-10 w-full" style="animation-delay:100ms"><div class="rise mx-auto flex aspect-square w-64 flex-col items-center justify-center rounded-full border border-line bg-panel/90 p-6 text-center shadow-2xl backdrop-blur-md sm:w-72"><span class="font-mono text-[11px] font-bold uppercase tracking-widest text-beam">01</span>
2<h3 class="mt-1.5 font-display text-2xl uppercase leading-none text-ice">MUT</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Zuerst der Schritt, dann der Plan.</p></div></div><div class="relative z-10 w-full" style="animation-delay:180ms"><div class="rise mx-auto flex aspect-square w-64 flex-col items-center justify-center rounded-full border border-line bg-panel/90 p-6 text-center shadow-2xl backdrop-blur-md sm:w-72"><span class="font-mono text-[11px] font-bold uppercase tracking-widest text-beam">02</span><h3 class="mt-1.5 font-display text-2xl uppercase leading-none text-ice">LEIDENSCHAFT</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Energie, die ansteckt.</p></div></div><div class="relative z-10 w-full" style="animation-delay:260ms"><div class="rise mx-auto flex aspect-square w-64 flex-col items-center justify-center rounded-full border border-line bg-panel/90 p-6 text-center shadow-2xl backdrop-blur-md sm:w-72"><span class="font-mono text-[11px] font-bold uppercase tracking-widest text-beam">03</span><h3 class="mt-1.5 font-display text-2xl uppercase leading-none text-ice">TRANSFORMATION</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Wandel, der bleibt.</p></div></div><div class="relative z-10 w-full" style="animation-delay:340ms"><div class="rise mx-auto flex aspect-square w-64 flex-col items-center justify-center rounded-full border border-line bg-panel/90 p-6 text-center shadow-2xl backdrop-blur-md sm:w-72"><span class="font-mono text-[11px] font-bold uppercase tracking-widest text-beam">04</span><h3 class="mt-1.5 font-display text-2xl uppercase leading-none text-ice">KOMFORTZONE</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Draussen fängt es an.</p></div></div><div class="relative z-10 w-full" style="animation-delay:420ms"><div class="rise mx-auto flex aspect-square w-64 flex-col items-center justify-center rounded-full border border-line bg-panel/90 p-6 text-center shadow-2xl backdrop-blur-md sm:w-72"><span class="font-mono text-[11px] font-bold uppercase tracking-widest text-beam">05</span><h3 class="mt-1.5 font-display text-2xl uppercase leading-none text-ice">WIRKUNGSSTÃRKE</h3><p class="mt-2.5 font-mono text-[11px] leading-snug text-fog">Präsenz, die trägt.</p></div></div></div></div></section><section id="askfrangi" class="border-y border-line bg-panel"><div class="mx-auto grid max-w-[1280px] grid-cols-1 gap-12 px-6 py-24 lg:grid-cols-2"><div><p class="font-mono text-[11px] uppercase tracking-[0.3em] text-fog">(e) #AskFrangi</p><h2 class="rise mt-4 text-balance font-display text-4xl tracking-tight [animation-delay:120ms] md:text-5xl">Deine Frage, meine Antwort.</h2><p class="rise mt-5 max-w-[46ch] text-pretty text-fog [animation-delay:180ms]">Stell deine Frage zu Transformation, Personal Branding oder Digital Marketing â als Sprachnachricht. Ich beantworte sie persönlich in einer meiner nächsten Podcastfolgen. Möchtest du mir einfach eine Nachricht da lassen, kannst du dies natürlich auch tun.</p><div class="mt-8 space-y-3 text-sm text-fog"><div class="rise flex items-center gap-3 [animation-delay:240ms]"><span aria-hidden="true">â</span>Unkomplizierte Nachricht an mich ohne Anmeldung</div><div class="rise flex items-center gap-3 [animation-delay:300ms]"><span aria-hidden="true">â</span>Anonym möglich</div><div class="rise flex items-center gap-3 [animation-delay:360ms]"><span aria-hidden="true">â</span>
2Die besten Fragen beantworte ich im Podcast</div></div></div><div class="rise [animation-delay:200ms]"><div class="overflow-hidden rounded-2xl border border-line bg-panel-2 p-2 shadow-2xl"><iframe src="https://www.speakpipe.com/widget/inline/tw3zvpssm9yyzp1mvskgx8f9c6wcigan" title="Ask Frangi â Sprachnachricht senden" loading="lazy" width="100%" height="200" class="rounded-xl" frameBorder="0"></iframe></div><p class="mt-3 font-mono text-[10px] uppercase tracking-[0.2em] text-fog">Powered by SpeakPipe â Deine Stimme, meine Antwort.</p></div></div></section><section id="buchung" class="relative overflow-hidden"><div class="pointer-events-none absolute inset-0"><div class="absolute right-0 top-0 h-full w-[30rem] bg-beam/10 blur-3xl"></div></div><div class="relative mx-auto grid max-w-[1280px] grid-cols-1 gap-12 px-6 py-24 lg:grid-cols-2"><div><p class="font-mono text-[11px] uppercase tracking-[0.3em] text-beam">(f) Kennenlernen</p><h2 class="rise mt-4 text-balance font-display text-5xl tracking-tight md:text-6xl">Bereit, mich kennenzulernen?</h2><p class="rise mt-5 max-w-[44ch] text-pretty text-fog [animation-delay:120ms]">Sag mir, worum es geht. Ich melde mich innerhalb von 48 Stunden.</p><p class="rise mt-8 font-display text-2xl text-beam [animation-delay:200ms]">Veränderung ist eine Entscheidung.</p></div><form class="rise rounded-2xl border border-line bg-panel p-7 [animation-delay:160ms]"><div class="grid gap-4 sm:grid-cols-2"><div><label for="name" class="font-mono text-[10px] uppercase tracking-[0.15em] text-fog">Name</label><input id="name" required="" class="mt-2 w-full rounded-md border border-line bg-ink px-3 py-2.5 text-sm focus:border-beam focus:outline-none" placeholder="Dein Name" name="name"/></div><div><label for="email" class="font-mono text-[10px] uppercase tracking-[0.15em] text-fog">E-Mail</label><input id="email" type="email" required="" class="mt-2 w-full rounded-md border border-line bg-ink px-3 py-2.5 text-sm focus:border-beam focus:outline-none" placeholder="[email protected]" name="email"/></div></div><div class="mt-4"><label for="format" class="font-mono text-[10px] uppercase tracking-[0.15em] text-fog">Format</label><select id="format" name="format" class="mt-2 w-full rounded-md border border-line bg-ink px-3 py-2.5 text-sm focus:border-beam focus:outline-none"><option>Anfrage</option><option>LEGO⢠Serious Playâ¢</option><option>Mentoring à Coaching</option><option>Speaking</option><option>Hallo sagen</option></select></div><div class="mt-4"><label for="message" class="font-mono text-[10px] uppercase tracking-[0.15em] text-fog">Dein Anliegen</label><textarea id="message" name="message" rows="3" class="mt-2 w-full rounded-md border border-line bg-ink px-3 py-2.5 text-sm focus:border-beam focus:outline-none" placeholder="Worum geht es?"></textarea></div><button type="submit" class="group mt-6 inline-flex w-full items-center justify-center gap-2 rounded-md bg-beam px-6 py-3.5 font-semibold text-ink transition-colors hover:bg-ice">Anfrage senden <span class="transition-transform group-hover:translate-x-1">â</span></button></form></div></section><footer class="border-t border-line bg-ink"><div class="mx-auto max-w-[1280px] px-6 py-14"><div class="flex flex-wrap items-center justify-between gap-8"><div><img src="/__l5e/assets-v1/2083bc6c-1d77-4f84-b789-f720b6e38191/raphael-frangi-signature.png" alt="Raphael Frangi â Signatur-Logo" class="h-20 w-auto"/><p class="mt-2 font-mono text-[11px] uppercase tracking-[0.2em] text-fog">#RealTalk · mutig · leidenschaftlich · transformativ</p></div><div class="flex gap-6 font-mono text-[11px] uppercase tracking-[0.15em] text-fog"><a href="#" class="transition-colors hover:text-beam">LinkedIn</a><a href="#" class="transition-colors hover:text-beam">Instagram</a><a href="#" class="transition-colors hover:text-beam">YouTube</a><a href="#buchung" class="transition-colors hover:text-beam">E-Mail</a></div></div><div class="mt-10 flex flex-wrap justify-between gap-4 border-t border-line/60 pt-6 font-mono text-[10px] uppercase tracking-[0.15em] text-fog/70"><span>© 2026 Raphael Frangi</span><span>Impressum · Datenschutz</span></div></div></footer></div>
2<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
2<!--/$-->
2<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-DveWzADK.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-DveWzADK.js"}}]},"/":$R[8]={preloads:$R[9]=["/assets/routes-BFL6uk-p.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791407425806,s:"success",ssr:!0},$R[12]={i:"��",u:1791407425806,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
2<script type="module" async="" src="/assets/index-DveWzADK.js"></script>
2</body></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.