1<!DOCTYPE html><html lang="de"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/logo-vorne-rose-BN_bZkR7.png"/><title>VORNE Media â Content, PR & Strategie</title><meta property="og:type" content="website"/><meta property="og:site_name" content="VORNE Media"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="VORNE Media â Content, PR & Strategie für ambitionierte Marken"/><meta name="twitter:description" content="Du weiÃt, wovon du redest. Wir wissen, wohin damit. VORNE Media: Content, PR und Strategie für Marken, die etwas zu sagen haben."/><meta property="og:image" content="https://future-proof-designs.lovable.app/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="VORNE Media"/><meta name="twitter:image" content="https://future-proof-designs.lovable.app/og-image.jpg"/><meta name="description" content="Du weiÃt, wovon du redest. Wir wissen, wohin damit. Pressearbeit, Social Media & Content-Produktion aus einer Hand."/><meta property="og:title" content="VORNE Media â Content, PR & Strategie"/><meta property="og:description" content="Pressearbeit, Social Media & Content-Produktion aus einer Hand. Sieht gut aus, hört sich gut an, bleibt im Kopf & im Herzen."/><link rel="modulepreload" href="/assets/main-B4YJ8qww.js"/><link rel="modulepreload" href="/assets/index-Cjn8apOv.js"/><link rel="modulepreload" href="/assets/case-taktsoft-energy-C4MlpYTz.js"/><link rel="modulepreload" href="/assets/case-bewirken-V2WI0Kim.js"/><link rel="modulepreload" href="/assets/case-hme-BiWIaGrZ.js"/><link rel="modulepreload" href="/assets/m_viessmann-DnwNjK95.js"/><link rel="modulepreload" href="/assets/arrow-right-BvtghLEI.js"/><link rel="modulepreload" href="/assets/phone-H92h-mdp.js"/><link rel="modulepreload" href="/assets/linkedin-CeRxDBpm.js"/><link rel="icon" href="/favicon.ico?v=3" sizes="any"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3"/><link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png?v=3"/><link rel="apple-touch-icon" href="/apple-touch-icon.png?v=3"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="stylesheet" href="/assets/styles-Cmxmsn7t.css"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&
1family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap"/>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<script defer src="/__l5e/events.1718a1eacac7ff3a.js" data-artifact-kind="dwl_content_hash" data-artifact-id="7132d2b8c4d885402a85ee2b3a933c58fb6eefe14683a071e83e6f0ced43c95a" data-commit-sha="f33a457a96dd905760cf4227b09a741bf75b3464" data-context-token="v1.eyJwcm9qZWN0X2lkIjoibG92cF83OHY5cjlla25jOTkzcmJoejBiMzlyN3NoZCIsImFydGlmYWN0X2tpbmQiOiJkd2xfY29udGVudF9oYXNoIiwiYXJ0aWZhY3RfaWQiOiI3MTMyZDJiOGM0ZDg4NTQwMmE4NWVlMmIzYTkzM2M1OGZiNmVlZmUxNDY4M2EwNzFlODNlNmYwY2VkNDNjOTVhIiwiY29tbWl0X3NoYSI6ImYzM2E0NTdhOTZkZDkwNTc2MGNmNDIyN2IwOWE3NDFiZjc1YjM0NjQiLCJleHAiOjE3OTQxNzUyNzd9.V3ufB17hZXeHio68K4kKdLMuqkKM7EpKcg2B6-pJgsY"></script>
1</head><body><div class="flex min-h-screen flex-col bg-background text-foreground"><header class="sticky top-0 z-40 border-b bg-background/75 backdrop-blur-md transition-[border-color,box-shadow] duration-200 border-transparent"><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl flex h-16 items-center justify-between gap-4"><button class="inline-flex items-center cursor-pointer" aria-label="VORNE â nach oben scrollen"><img src="/assets/logo-vorne-rose-BN_bZkR7.png" alt="VORNE" class="h-7 w-auto sm:h-8" loading="eager" decoding="async"/></button><nav class="hidden items-center gap-1 md:flex" aria-label="Hauptnavigation"><a href="#leistungen" class="rounded-md px-3 py-2 text-sm transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background text-muted-foreground">Leistungen</a><a href="#kunden" class="rounded-md px-3 py-2 text-sm transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background text-muted-foreground">Kunden</a><a href="#cases" class="rounded-md px-3 py-2 text-sm transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background text-muted-foreground">Cases</a><a href="#kontakt" class="rounded-md px-3 py-2 text-sm transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background text-muted-foreground">Kontakt</a></nav><div class="hidden md:block"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-8 rounded-md px-3 text-xs">schreib uns ð</button></div><button aria-label="Menü öffnen" aria-expanded="false" aria-controls="mobile-nav" class="grid size-9 place-items-center rounded-md border border-border transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background md:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-4" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div><div id="mobile-nav" class="overflow-hidden border-t border-border bg-background md:hidden transition-[max-height,opacity] duration-300 ease-out pointer-events-none max-h-0 opacity-0"><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl flex flex-col gap-1 py-3"><a href="#leistungen" class="rounded-md px-3 py-3 text-sm transition-colors hover:bg-muted hover:text-foreground text-muted-foreground">Leistungen</a><a href="#kunden" class="rounded-md px-3 py-3 text-sm transition-colors hover:bg-muted hover:text-foreground text-muted-foreground">Kunden</a><a href="#cases" class="rounded-md px-3 py-3 text-sm transition-colors hover:bg-muted hover:text-foreground text-muted-foreground">Cases</a><a href="#kontakt" class="rounded-md px-3 py-3 text-sm transition-colors hover:bg-muted hover:text-foreground text-muted-foreground">Kontakt</a><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-8 rounded-md px-3 text-xs mt-2">schreib uns ð</button></div></div></header><main class="flex-1"><!--$--><section class="py-28 md:py-40 relative overflow-hidden"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 bg-[linear-gradient(to_right,var(--color-border)_1px,transparent_1px),linear-gradient(to_bottom,var(--color-border)_1px,transparent_1px)] bg-[size:64px_64px] opacity-[0.35] [mask-image:radial-gradient(ellipse_at_top_left,black_20%,transparent_75%)]"></div><div aria-hidden="true" class="pointer-events-none absolute -top-40 right-[-10%] -z-10 size-[40rem] rounded-full bg-[radial-gradient(circle,var(--color-accent)_0%,transparent_60%)] opacity-15 blur-3xl"></div><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl"><div class="animate-fade-in"><span class="inline-block text-[0.72rem] font-medium uppercase tracking-[0.18em] text-muted-foreground">VORNE Media</span><h1 class="mt-4 max-w-4xl text-[clamp(2.25rem,1.4rem+3.6vw,5rem)] font-medium leading-[1] tracking-[-0.03em]">Du weiÃt, wovon du redest.<!-- --> <span class="text-muted-foreground">Wir wissen, wohin damit.</span></h1><p class="mt-7 max-w-2xl text-base text-muted-foreground sm:text-lg">Pressearbeit, Social Media & Content-Produktion aus einer Hand. Sieht gut aus, hört sich gut an, bleibt im Kopf & im Herzen ð¤</p><div class="mt-8 flex flex-wrap items-center gap-3"><a href="#kontakt" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-10 rounded-md px-8 gap-2"><span>Sag Hallo</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#leistungen" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-10 rounded-md px-8">Was wir tun</a></div></div></div></section><section class="py-20 md:py-32 scroll-mt-24 border-t border-border" id="leistungen"><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl"><div class="mb-12 max-w-2xl"><span class="inline-block text-[0.72rem] font-medium uppercase tracking-[0.18em] text-muted-foreground">Leistungen</span><h2 class="mt-3 text-h2 font-medium tracking-tight">Aus Fachwissen wird Wirkung.</h2></div><div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4"><article class="group"><span class="font-mono uppercase text-eyebrow tracking-caption text-muted-foreground">01</span>
1<h3 class="mt-3 text-h3 font-medium tracking-tight">Strategie</h3><p class="mt-3 text-body-sm leading-relaxed text-muted-foreground">Positionierung, Themen & Redaktionssystem â das Fundament, bevor produziert wird.</p><div class="mt-6 h-px w-full bg-border transition-colors duration-500 group-hover:bg-brand-soft"></div></article><article class="group"><span class="font-mono uppercase text-eyebrow tracking-caption text-muted-foreground">02</span><h3 class="mt-3 text-h3 font-medium tracking-tight">PR</h3><p class="mt-3 text-body-sm leading-relaxed text-muted-foreground">Mediales Grundrauschen, geschärfte Positionierung, Sichtbarkeit auf jedem relevanten Kanal.</p><div class="mt-6 h-px w-full bg-border transition-colors duration-500 group-hover:bg-brand-soft"></div></article><article class="group"><span class="font-mono uppercase text-eyebrow tracking-caption text-muted-foreground">03</span><h3 class="mt-3 text-h3 font-medium tracking-tight">Social Media</h3><p class="mt-3 text-body-sm leading-relaxed text-muted-foreground">LinkedIn-Strategie, Redaktion und Personal Branding für Founder, Executives und Brands.</p><div class="mt-6 h-px w-full bg-border transition-colors duration-500 group-hover:bg-brand-soft"></div></article><article class="group"><span class="font-mono uppercase text-eyebrow tracking-caption text-muted-foreground">04</span><h3 class="mt-3 text-h3 font-medium tracking-tight">Content</h3><p class="mt-3 text-body-sm leading-relaxed text-muted-foreground">Foto, Video, Text, Grafik. Aus Fachwissen wird Content, der gelesen, geschaut und geteilt wird.</p><div class="mt-6 h-px w-full bg-border transition-colors duration-500 group-hover:bg-brand-soft"></div></article></div></div></section><section class="py-16 md:py-24 scroll-mt-24 border-t border-border" id="kunden"><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl"><span class="inline-block text-[0.72rem] font-medium uppercase tracking-[0.18em] text-muted-foreground">Kunden</span><ul class="mt-8 grid grid-cols-5 items-center gap-x-6 gap-y-10 sm:gap-x-10"><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo Taktsoft" class="block h-full w-full bg-foreground
1/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_taktsoft-kvGo05GE.png);-webkit-mask-image:url(/assets/m_taktsoft-kvGo05GE.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo HME Copper Germany" class="block h-full w-full bg-foreground/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_hme-copper-Cc141fNd.png);-webkit-mask-image:url(/assets/m_hme-copper-Cc141fNd.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo UPPR Performance Partnerships" class="block h-full w-full bg-foreground/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_uppr-B4QIbhhi.png);-webkit-mask-image:url(/assets/m_uppr-B4QIbhhi.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo beWirken" class="block h-full w-full bg-foreground
1/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_bewirken-DVi4HNpy.png);-webkit-mask-image:url(/assets/m_bewirken-DVi4HNpy.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo La Biosthétique Paris" class="block h-full w-full bg-foreground/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_la-biosthetique-CkiBHPpP.png);-webkit-mask-image:url(/assets/m_la-biosthetique-CkiBHPpP.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo Kiwa" class="block h-full w-full bg-foreground/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_kiwa-xkbEJLHV.png);-webkit-mask-image:url(/assets/m_kiwa-xkbEJLHV.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo C3 Creative Code and Content" class="block h-full w-full bg-foreground
1/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_c3-D1W-QEI8.png);-webkit-mask-image:url(/assets/m_c3-D1W-QEI8.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo Techniker Krankenkasse" class="block h-full w-full bg-foreground/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_tk-BpmDa5J2.png);-webkit-mask-image:url(/assets/m_tk-BpmDa5J2.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo Lindt" class="block h-full w-full bg-foreground/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_lindt-DrWSgYDJ.png);-webkit-mask-image:url(/assets/m_lindt-DrWSgYDJ.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li><li class="flex aspect-[32/10] items-center justify-center"><span role="img" aria-label="Logo Viessmann" class="block h-full w-full bg-foreground
1/70 transition-colors duration-300 hover:bg-foreground" style="mask-image:url(/assets/m_viessmann-BRB10UWF.png);-webkit-mask-image:url(/assets/m_viessmann-BRB10UWF.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain"></span></li></ul></div></section><section class="py-20 md:py-32 scroll-mt-24 border-t border-border" id="cases"><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl"><div class="max-w-xl"><span class="inline-block text-[0.72rem] font-medium uppercase tracking-[0.18em] text-muted-foreground">Ausgewählte Arbeiten</span><h2 class="mt-3 text-3xl font-medium tracking-tight sm:text-4xl">Was wir zuletzt sichtbar gemacht haben.</h2></div><div class="mt-10 grid gap-5 md:grid-cols-3"><div class="group flex flex-col overflow-hidden rounded-xl border border-border bg-card text-card-foreground"><div class="aspect-[4/3] overflow-hidden bg-muted"><img src="/assets/case-taktsoft-energy-CP5uoUx1.jpg" alt="Taktsoft Energy auf der E-world 2026 â Live-Demo am Stand" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.02]"/></div><div class="flex flex-1 flex-col p-5"><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">360° · Content-System · LinkedIn · PR</div><h3 class="mt-2 text-lg font-medium tracking-tight">Taktsoft Energy</h3><p class="mt-2 text-sm text-muted-foreground">Aus verstreutem Fachwissen wurde ein wiederholbares Content-System mit Dichte, Lautstärke und Qualität.</p><a href="/cases/taktsoft-energy" class="mt-4 inline-flex items-center gap-1.5 text-sm font-medium text-foreground transition-colors hover:text-accent">Case lesen<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="group flex flex-col overflow-hidden rounded-xl border border-border bg-card text-card-foreground"><div class="aspect-[4/3] overflow-hidden bg-muted"><img src="/assets/case-bewirken-DCO_gahx.jpg" alt="Speaker beim Zukunftsforum Lernbegleitung â beWirken gGmbH" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.02]"/></div><div class="flex flex-1 flex-col p-5"><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">Eventfilm · Imagefilm · Foto</div><h3 class="mt-2 text-lg font-medium tracking-tight">beWirken gGmbH</h3><p class="mt-2 text-sm text-muted-foreground">Starke, authentische Visuals für das Zukunftsforum Lernbegleitung: Eventfilm, Imagefilm und eine vielseitige Fotodatenbank.</p><a href="/cases/bewirken" class="mt-4 inline-flex items-center gap-1.5 text-sm font-medium text-foreground transition-colors hover:text-accent">Case lesen<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="group flex flex-col overflow-hidden rounded-xl border border-border bg-card text-card-foreground"><div class="aspect-[4/3] overflow-hidden bg-muted"><img src="/assets/case-hme-DIP_so3s.jpg" alt="Drei lachende HME-Mitarbeiter mit roten Helmen in der Produktionshalle" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.02]"/></div><div class="flex flex-1 flex-col p-5"><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">Employer Branding · Social Media · Cinematics</div><h3 class="mt-2 text-lg font-medium tracking-tight">HME Copper Germany</h3><p class="mt-2 text-sm text-muted-foreground">Handwerk, but make it epic: Eine sympathische Employer Brand, die auf Social Media junge Menschen begeistert.</p><a href="/cases/hme-copper" class="mt-4 inline-flex items-center gap-1.5 text-sm font-medium text-foreground transition-colors hover:text-accent">Case lesen<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></section><section class="py-20 md:py-32 scroll-mt-24 border-t border-border bg-muted/30" id="kontakt"><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl"><div class="grid gap-10 lg:grid-cols-12"><div class="lg:col-span-6"><span class="inline-block text-[0.72rem] font-medium uppercase tracking-[0.18em] text-muted-foreground">Kontakt</span><h2 class="mt-3 text-[clamp(2rem,1.4rem+2.6vw,3.5rem)] font-medium leading-[1.05] tracking-[-0.03em]">Erzähl uns, woran du gerade arbeitest.</h2><p class="mt-5 max-w-md text-muted-foreground">Wir freuen uns von dir zu hören ð</p></div><div class="lg:col-span-6"><div class="space-y-5"><a href="mailto:[email protected]" class="flex items-start gap-4 border-t border-border pt-5 group transition-colors hover:[&_div>div:last-child]:text-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail mt-0.5 size-4 text-accent" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><div><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">Email</div><div class="mt-1 text-base">[email protected]</div></div></a><a href="tel:+491777843042" class="flex items-start gap-4 border-t border-border pt-5 group transition-colors hover:[&_div>div:last-child]:text-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone mt-0.5 size-4 text-accent" aria-hidden="true">
1<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><div><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">Telefon</div><div class="mt-1 text-base">+49 177 784 3042</div></div></a><a href="https://www.linkedin.com/company/vorne-media" target="_blank" rel="noopener noreferrer" class="flex items-start gap-4 border-t border-border pt-5 group transition-colors hover:[&_div>div:last-child]:text-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin mt-0.5 size-4 text-accent" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg><div><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">LinkedIn</div><div class="mt-1 text-base">vorne-media</div></div></a><a href="https://www.instagram.com/vorne.media/" target="_blank" rel="noopener noreferrer" class="flex items-start gap-4 border-t border-border pt-5 group transition-colors hover:[&_div>div:last-child]:text-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram mt-0.5 size-4 text-accent" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg><div><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">Instagram</div><div class="mt-1 text-base">@vorne.media</div></div></a><div class="flex items-start gap-4 border-t border-border pt-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 size-4 text-accent" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><div><div class="font-mono text-[0.7rem] uppercase tracking-[0.16em] text-muted-foreground">Basis</div><div class="mt-1 text-base">Hamburg · Köln</div></div></div></div></div></div><div class="mt-16 flex flex-wrap items-center gap-x-6 gap-y-2 border-t border-border pt-6 text-xs text-muted-foreground"><span>© <!-- -->2026<!-- --> VORNE Media</span><a href="/impressum" class="hover:text-foreground">Impressum</a><a href="/datenschutz" class="hover:text-foreground">Datenschutz</a><button type="button" class="hover:text-foreground">Cookie-Einstellungen</button></div></div></section>
1<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
1<!--/$--></main><footer class="border-t-2 border-brand-soft bg-background"><div class="mx-auto w-full px-5 sm:px-8 lg:px-12 max-w-7xl flex flex-col items-start justify-between gap-4 py-8 sm:flex-row sm:items-center"><img src="/assets/logo-vorne-rose-BN_bZkR7.png" alt="VORNE Media" class="h-7 w-auto" loading="lazy" decoding="async"/><p class="text-xs text-muted-foreground">© <!-- -->2026<!-- --> VORNE Media. Alle Rechte vorbehalten.</p></div></footer></div>
1<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/main-B4YJ8qww.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/main-B4YJ8qww.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/index-Cjn8apOv.js","/assets/case-taktsoft-energy-C4MlpYTz.js","/assets/case-bewirken-V2WI0Kim.js","/assets/case-hme-BiWIaGrZ.js","/assets/m_viessmann-DnwNjK95.js","/assets/arrow-right-BvtghLEI.js","/assets/phone-H92h-mdp.js","/assets/linkedin-CeRxDBpm.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791583277199,s:"success",ssr:!0},$R[12]={i:"��",u:1791583277199,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="">import("/assets/main-B4YJ8qww.js")</script>
1</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.