PageSourceSearch

https://percival-media.com/

html percival-media.com collected 2026-10-07 06:25:52 UTC 150,673 bytes, 76 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <!-- SEO_TAGS_START -->
7    <title>Percival, planbare Hochpreis-Kundengewinnung für SaaS- &amp; IT-Dienstleister</title>
8    <meta name="description" content="Percival baut planbare Hochpreis-Kundengewinnung für SaaS- und IT-Dienstleister: Positionierung, Leadgewinnung und Vertriebsprozess als ein System, statt einzelner Marketingmaßnahmen." />
9    <link rel="canonical" href="https://percival-media.com/" />
10
11    <meta property="og:title" content="Percival, planbare Hochpreis-Kundengewinnung für SaaS- &amp; IT-Dienstleister" />
12    <meta property="og:description" content="Percival baut planbare Hochpreis-Kundengewinnung für SaaS- und IT-Dienstleister: Positionierung, Leadgewinnung und Vertriebsprozess als ein System, statt einzelner Marketingmaßnahmen." />
13    <meta property="og:url" content="https://percival-media.com/" />
14    <meta property="og:type" content="website" />
15    <meta property="og:image" content="https://percival-media.com/opengraph.jpg" />
16    <meta property="og:image:width" content="1280" />
17    <meta property="og:image:height" content="720" />
18    <meta property="og:image:alt" content="Percival: planbare Kundengewinnung für SaaS- und IT-Dienstleister" />
19    <meta property="og:site_name" content="Percival" />
20    <meta property="og:locale" content="de_DE" />
21
22    <meta name="twitter:card" content="summary_large_image" />
23    <meta name="twitter:title" content="Percival, planbare Hochpreis-Kundengewinnung für SaaS- &amp; IT-Dienstleister" />
24    <meta name="twitter:description" content="Percival baut planbare Hochpreis-Kundengewinnung für SaaS- und IT-Dienstleister: Positionierung, Leadgewinnung und Vertriebsprozess als ein System, statt einzelner Marketingmaßnahmen." />
25    <meta name="twitter:url" content="https://percival-media.com/" />
26    <meta name="twitter:image" content="https://percival-media.com/opengraph.jpg" />
27    <!-- SEO_TAGS_END -->
28    
28<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://percival-media.com/#organization","name":"Percival Media","url":"https://percival-media.com/","logo":"https://percival-media.com/favicon.png"},{"@type":"WebSite","@id":"https://percival-media.com/#website","name":"Percival","url":"https://percival-media.com/","publisher":{"@id":"https://percival-media.com/#organization"},"inLanguage":"de-DE"}]}</script>
28
29    <link rel="icon" type="image/png" sizes="512x512" href="/favicon.png" />
30    <link rel="shortcut icon" type="image/png" href="/favicon.png" />
31    <link rel="apple-touch-icon" sizes="512x512" href="/favicon.png" />
32    <link rel="preconnect" href="https://fonts.googleapis.com">
33    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
34    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap">
35    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap" media="print" onload="this.onload=null;this.media='all'">
36    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap"></noscript>
37
38    
38<script>
39      window.dataLayer = window.dataLayer || [];
40      function gtag(){ window.dataLayer.push(arguments); }
41      window.gtag = gtag;
42      gtag('consent', 'default', {
43        ad_storage: 'denied',
44        ad_user_data: 'denied',
45        ad_personalization: 'denied',
46        analytics_storage: 'denied',
47        personalization_storage: 'denied',
48        functionality_storage: 'granted',
49        security_storage: 'granted',
50        wait_for_update: 500
51      });
52      gtag('set', 'ads_data_redaction', true);
53      gtag('set', 'url_passthrough', true);
54    </script>
54
55
56    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 56-57
56
57    <script async src="https://www.googletagmanager.com/gtag/js?id=
57G-PQ6YS1VJBH
vendor: 16 bytes, lines 57-58
57"></script>
58    
58<script>
59      gtag('js', new Date());
60      gtag('config', 'G-PQ6YS1VJBH');
61    </script>
61
62
63    
63<script>
vendor: 343 bytes, lines 63-67
63(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
64    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
65    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
66    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
67    })(window,document,'script','dataLayer','
67GTM-NW93NQ2Q
vendor: 3 bytes, line 67
67');
67</script>
67
68    
68<script type="module" crossorigin src="/assets/index-4BehhD4M.js"></script>
68
69    <link rel="stylesheet" crossorigin href="/assets/index-DUdQz2lB.css">
70  </head>
71  <body class="bg-[#0C021C] text-white selection:bg-[#7B00FF]/30 selection:text-white">
vendor: 72 bytes, lines 71-72
71
72    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
72GTM-NW93NQ2Q
vendor: 91 bytes, lines 72-74
72"
73    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
74    
74<div id="root"><link rel="preload" as="image" href="/assets/Markenzeichen_512x512_NoBG-CyIBmbfg.png"/><link rel="preload" as="image" href="/assets/Markenzeichen_512x512_Dark_BG_1777447245683-DrWOaUJf.png"/><div class="min-h-screen bg-background text-foreground relative">
74<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","@id":"https://percival-media.com/#faq","url":"https://percival-media.com/#faq","inLanguage":"de-DE","mainEntity":[{"@type":"Question","name":"Ist Percival eine LinkedIn-Agentur?","acceptedAnswer":{"@type":"Answer","text":"Nein. LinkedIn kann ein wichtiger Kanal sein, aber der Kern ist ein Kundengewinnungssystem aus Positionierung, Zielkundenlogik, Leadgewinnung, CRM, Follow-up, Angeboten und Abschlussprozess."}},{"@type":"Question","name":"Geht es nur um mehr Leads?","acceptedAnswer":{"@type":"Answer","text":"Nein. Mehr Leads helfen wenig, wenn Zielgruppe, Qualifizierung, Follow-up und Angebotsprozess nicht stimmen. Der Fokus liegt auf qualifizierten Gesprächen und besserer Conversion."}},{"@type":"Question","name":"Für wen ist das besonders geeignet?","acceptedAnswer":{"@type":"Answer","text":"Für SaaS- und IT-Dienstleister mit erklärungsbedürftigen, hochpreisigen B2B-Angeboten, die unabhängiger von Empfehlungen werden und planbarer Pipeline aufbauen wollen."}},{"@type":"Question","name":"Welche Rolle spielt KI?","acceptedA
74nswer":{"@type":"Answer","text":"Eine untergeordnete. KI kann einzelne Aufgaben beschleunigen, etwa Zusammenfassungen, Entwürfe oder Wissensarbeit. Die Grundlage bleibt aber ein sauberer Akquise- und Vertriebsprozess."}},{"@type":"Question","name":"Wie schnell sieht man Ergebnisse?","acceptedAnswer":{"@type":"Answer","text":"Erste Verbesserungen entstehen oft durch klarere Positionierung, bessere Gesprächsanlässe, konsequenteres Follow-up und schnellere Angebote. Planbarkeit entsteht aber nicht durch Einzelaktionen, sondern durch konsequente Umsetzung über mehrere Wochen."}},{"@type":"Question","name":"Was kostet die Zusammenarbeit?","acceptedAnswer":{"@type":"Answer","text":"Das hängt vom Umfang ab. Percival arbeitet typischerweise nicht auf Mini-Projekt-Niveau, sondern an Systemen für hochwertige B2B-Kundengewinnung. Im Erstgespräch wird geprüft, welcher Startpunkt sinnvoll ist."}},{"@type":"Question","name":"Was bekommen wir im Erstgespräch?","acceptedAnswer":{"@type":"Answer","text":"Eine klare Einschätzung, wo eure Kundengewinnung aktuell Reibung hat und welcher nächste Hebel am wahrscheinlichsten Wirkung bringt. Ohne Verkaufsdruck, ohne Leadpaket-Verkauf."}}]}</script>
74<div class="ambient-bg" aria-hidden="true"></div><div class="ambient-noise" aria-hidden="true"></div><div class="relative z-10"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent py-5"><div class="container mx-auto px-4 md:px-6 max-w-[1200px] flex items-center justify-between"><a href="#" class="flex items-center gap-2.5 text-xl font-semibold tracking-tight text-white"><img src="/assets/Markenzeichen_512x512_NoBG-CyIBmbfg.png" alt="Percival Knight" class="w-8 h-8 shrink-0"/><span>Percival</span></a><nav class="hidden lg:flex items-center space-x-7"><a href="#system" class="text-sm font-medium text-[#B8B5D1] hover:text-white transition-colors">System</a><a href="#use-cases" class="text-sm font-medium text-[#B8B5D1] hover:text-white transition-colors">Hebel</a><a href="#angebote" class="text-sm font-medium text-[#B8B5D1] hover:text-white transition-colors">Pakete</a><a href="#ablauf" class="text-sm font-medium text-[#B8B5D1] hover:text-white transition-colors">Ablauf</a></nav><div class="hidden md:flex items-center gap-3"><button class="btn-primary-violet text-sm">Erstgespräch buchen</button></div><button class="md:hidden text-white p-2" aria-expanded="false" aria-controls="mobile-navigation" aria-label="Menü öffnen"><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" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main><section class="min-h-[100svh] flex flex-col pt-24 pb-6 md:pt-28 md:pb-8 overflow-hidden relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px] relative z-10 flex-1 flex items-center"><div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-8 items-center w-full"><div class="lg:col-span-7 max-w-2xl"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Wir Bauen dein Digitales Vertriebssystem</p><h1 class="text-3xl sm:text-4xl lg:text-5xl xl:text-[3.4rem] font-bold tracking-tight mb-5 leading-[1.08] text-[#fcfcfc]">Planbare Hochpreis-Kundengewinnung für SaaS- &amp; IT-Dienstleister.</h1><p class="text-sm md:text-base text-[#B8B5D1] mb-7 leading-relaxed max-w-xl">Ein System für Positionierung, LinkedIn, CRM und Akquise, das aus Marktinteresse planbar qualifizierte Gespräche und Abschlüsse macht.</p><div class="flex flex-col sm:flex-row items-start gap-3 mb-4"><button class="btn-primary-violet text-sm md:text-base">Akquise-System prüfen lassen</button></div></div><div class="lg:col-span-5 relative"><div class="relative aspect-square max-w-[460px] mx-auto w-full"><div class="absolute inset-[12%] rounded-full bg-gradient-to-br from-[#7C5CFF] via-[#5B3FE0] to-[#2A1A8A] opacity-35 blur-3xl"></div><div class="absolute inset-[20%] rounded-full bg-gradient-to-tr from-[#A78BFA]/20 to-[#7C5CFF]/10 blur-2xl"></div><div class="absolute inset-[28%] rounded-full border flex items-center justify-center" style="background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.12);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 0 rgba(0,0,0,0.35)"><div class="text-center"><div class="text-[10px] uppercase tracking-[0.25em] text-[#fcfcfc]">System</div><div class="text-sm font-medium text-white mt-1">Hochpreis-Akquise</div></div></div><svg class="absolute inset-0 w-full h-full pointer-events-none" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true"><g stroke="rgba(167, 139, 250, 0.25)" stroke-width="0.3" stroke-dasharray="1.5 1.5" fill="none"><line x1="50" y1="50" x2="14" y2="14"></line><line x1="50" y1="50" x2="86" y2="22"></line><line x1="50" y1="50" x2="10" y2="84"></line><line x1="50" y1="50" x2="86" y2="88"></line></g></svg><div class="absolute top-[6%] left-[8%] z-10" style="opacity:0;transform:translateY(10px)"><div class="rounded-xl border px-3.5 py-2.5 min-w-[160px]" style="background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.12);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)"><div class="flex items-center gap-2.5"><div class="w-7 h-7 rounded-lg flex items-center justify-center shrink-0" style="background:rgba(167, 139, 250, 0.14);border:1px solid rgba(255, 255, 255, 0.16)">
74<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#A78BFA]"><circle cx="12" cy="12" r="9.5" fill="currentColor" opacity="0.22"></circle><circle cx="12" cy="12" r="6.5" fill="currentColor"></circle><path d="M14.6 9.4l-1.4 4.2-4.2 1.4 1.4-4.2 4.2-1.4z" fill="#FFFFFF" opacity="0.95"></path><circle cx="12" cy="12" r="1.1" fill="currentColor"></circle></svg></div><div><div class="text-xs font-semibold text-white leading-tight">Positionierung</div><div class="text-[10px] text-[#B8B5D1] leading-tight mt-0.5">Klarer Wunschkunde</div></div></div></div></div><div class="absolute top-[18%] right-[4%] z-10" style="opacity:0;transform:translateY(10px)"><div class="rounded-xl border px-3.5 py-2.5 min-w-[160px]" style="background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.12);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)"><div class="flex items-center gap-2.5"><div class="w-7 h-7 rounded-lg flex items-center justify-center shrink-0" style="background:rgba(167, 139, 250, 0.14);border:1px solid rgba(255, 255, 255, 0.16)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#A78BFA]"><path d="M5 4h4v8a3 3 0 006 0V4h4v8a7 7 0 11-14 0V4z" fill="currentColor" opacity="0.22"></path><path d="M5 4h4v6H5V4zM15 4h4v6h-4V4z" fill="currentColor"></path><rect x="5" y="11" width="4" height="2" fill="#FFFFFF" opacity="0.9"></rect><rect x="15" y="11" width="4" height="2" fill="#FFFFFF" opacity="0.9"></rect><circle cx="20.5" cy="3" r="0.9" fill="#FFFFFF" opacity="0.9"></circle><circle cx="22" cy="5" r="0.55" fill="#FFFFFF" opacity="0.7"></circle></svg></div><div><div class="text-xs font-semibold text-white leading-tight">Leadgewinnung</div><div class="text-[10px] text-[#B8B5D1] leading-tight mt-0.5">Qualifizierte Termine</div></div></div></div></div><div class="absolute bottom-[14%] left-[2%] z-10" style="opacity:0;transform:translateY(10px)"><div class="rounded-xl border px-3.5 py-2.5 min-w-[160px]" style="background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.12);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)"><div class="flex items-center gap-2.5"><div class="w-7 h-7 rounded-lg flex items-center justify-center shrink-0" style="background:rgba(167, 139, 250, 0.14);border:1px solid rgba(255, 255, 255, 0.16)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#A78BFA]"><circle cx="12" cy="12" r="9" fill="currentColor" opacity="0.22"></circle><path d="M19 12a7 7 0 11-2.05-4.95L19 5v5h-5l2.05-2.05A5 5 0 1017 12h2z" fill="currentColor"></path><circle cx="18.6" cy="6.4" r="1" fill="#FFFFFF" opacity="0.9"></circle></svg></div><div><div class="text-xs font-semibold text-white leading-tight">CRM &amp; Follow-up</div><div class="text-[10px] text-[#B8B5D1] leading-tight mt-0.5">Konsequente Pipeline</div></div></div></div></div><div class="absolute bottom-[8%] right-[10%] z-10" style="opacity:0;transform:translateY(10px)"><div class="rounded-xl border px-3.5 py-2.5 min-w-[160px]" style="background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.12);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)"><div class="flex items-center gap-2.5"><div class="w-7 h-7 rounded-lg flex items-center justify-center shrink-0" style="background:rgba(167, 139, 250, 0.14);border:1px solid rgba(255, 255, 255, 0.16)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#A78BFA]"><path d="M6 4h12v4a6 6 0 11-12 0V4z" fill="currentColor" opacity="0.22"></path><path d="M7 4h10v3a5 5 0 11-10 0V4z" fill="currentColor"></path><path d="M3 5h3v3a3 3 0 003 3v2a5 5 0 01-5-5V5zM21 5h-3v3a3 3 0 01-3 3v2a5 5 0 005-5V5z" fill="currentColor" opacity="0.55"></path><rect x="9.5" y="14" width="5" height="2.5" rx="0.6" fill="currentColor"></rect><rect x="7.5" y="17" width="9" height="2.2" rx="1" fill="currentColor"></rect><circle cx="12" cy="7" r="1" fill="#FFFFFF" opacity="0.9"></circle></svg></div><div><div class="text-xs font-semibold text-white leading-tight">Abschluss</div><div class="text-[10px] text-[#B8B5D1] leading-tight mt-0.5">Planbare Aufträge</div></div></div></div></div></div></div></div></div><div class="relative z-10 mt-6 md:mt-8"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><p class="text-center text-[10px] uppercase tracking-[0.3em] font-medium text-[#A78BFA]/70 mb-5">Auszug aus unseren Referenzen</p><div class="logo-marquee-mask overflow-hidden"><div class="logo-marquee-track"><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0">
74<img src="/assets/WIRDUZEN_Logo_white_1777447717355-DRnXH4Sc.png" alt="WIRDUZEN" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.7);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/logo-white_1777445219195-bMmEnY7x.png" alt="myTuur" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.85);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/TST_blue_2019_trans_3_1777445067525-CAQFEYPi.png" alt="TST GmbH" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(1);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/logoZielvest2_1777452458489-gbyc9J6U.png" alt="Zielvest" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(1);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/NordE_1777444944987-CfEzJRZ_.png" alt="nord-e" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.7);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/Asset_Excelllence_1777452431072-gTH7Kvme.png" alt="Asset Excellence" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.85);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/it-barg_1777445009405-B9nqR3BQ.png" alt="IT Barg" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.9);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/WIRDUZEN_Logo_white_1777447717355-DRnXH4Sc.png" alt="WIRDUZEN" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.7);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/logo-white_1777445219195-bMmEnY7x.png" alt="myTuur" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.85);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/TST_blue_2019_trans_3_1777445067525-CAQFEYPi.png" alt="TST GmbH" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(1);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/logoZielvest2_1777452458489-gbyc9J6U.png" alt="Zielvest" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(1);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/NordE_1777444944987-CfEzJRZ_.png" alt="nord-e" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.7);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/Asset_Excelllence_1777452431072-gTH7Kvme.png" alt="Asset Excellence" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.85);filter:brightness(0) invert(1)" loading="lazy"/></div><div class="flex items-center justify-center h-10 md:h-12 w-[160px] md:w-[180px] shrink-0"><img src="/assets/it-barg_1777445009405-B9nqR3BQ.png" alt="IT Barg" class="max-h-full max-w-full object-contain opacity-60 hover:opacity-100 transition-opacity duration-200" style="transform:scale(0.9);filter:brightness(0) invert(1)" loading="lazy"/></div></div></div></div></div></section><section id="problem" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-14" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">häufige engpässe im it mittelstand</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight max-w-3xl">Leadgenerierung und Vertrieb laufen irgendwie, aber planbar werden sie nicht.</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5"><div class="rounded-2xl border p-7 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-20 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="mb-5 inline-flex" style="color:#A78BFA" aria-hidden="true"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="8" r="6" fill="currentColor" opacity="0.22"></circle><circle cx="17" cy="9" r="3.2" fill="currentColor" opacity="0.55"></circle><circle cx="9" cy="8" r="3.6" fill="currentColor"></circle><path d="M2 21c0-3.5 3.1-6 7-6s7 2.5 7 6v1H2v-1z" fill="currentColor"></path><path d="M16.5 14c2.8 0 5.5 1.7 5.5 4.5V21h-5" fill="currentColor" opacity="0.55"></path><circle cx="9" cy="7" r="1" fill="#FFFFFF" opacity="0.85"></circle></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white mb-3">Abhängig von Empfehlungen</h3><p class="text-[#CDCBE0] leading-relaxed text-sm md:text-[15px]">Wertvoll, aber nicht planbar. Bleiben sie aus, fehlt die Pipeline.</p></div></div><div class="rounded-2xl border p-7 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-20 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="mb-5 inline-flex" style="color:#A78BFA" aria-hidden="true"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="9.5" fill="currentColor" opacity="0.22"></circle><circle cx="12" cy="12" r="7.5" fill="currentColor"></circle><path d="M12 7.5v4.8l3.2 1.9" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><circle cx="12" cy="12" r="0.9" fill="#FFFFFF"></circle></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white mb-3">Follow-up bleibt liegen</h3><p class="text-[#CDCBE0] leading-relaxed text-sm md:text-[15px]">Deals sterben nach dem ersten Gespräch durch fehlende Konsequenz.</p></div></div><div class="rounded-2xl border p-7 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-20 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="mb-5 inline-flex" style="color:#A78BFA" aria-hidden="true"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6l6 6 4-4 8 8v3H3V6z" fill="currentColor" opacity="0.22"></path><path d="M3 6l6 6 4-4 5 5" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 13v5h-5" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="3" cy="6" r="1.4" fill="#FFFFFF" opacity="0.9"></circle></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white mb-3">Zu wenig konstante Vertriebsaktionen</h3><p class="text-[#CDCBE0] leading-relaxed text-sm md:text-[15px]">Akquise passiert in Wellen. Ohne regelmäßige Aktionen füllt sich die Pipeline nicht planbar nach.</p></div></div><div class="rounded-2xl border p-7 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-20 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="mb-5 inline-flex" style="color:#A78BFA" aria-hidden="true"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="12" cy="5" rx="8" ry="2.6" fill="currentColor" opacity="0.22"></ellipse><path d="M4 5v6c0 1.4 3.6 2.6 8 2.6s8-1.2 8-2.6V5" fill="currentColor"></path><ellipse cx="12" cy="5" rx="8" ry="2.6" fill="currentColor"></ellipse><ellipse cx="12" cy="5" rx="6" ry="1.6" fill="#FFFFFF" opacity="0.4"></ellipse><path d="M4 11v6c0 1.4 3.6 2.6 8 2.6s8-1.2 8-2.6v-6" fill="currentColor" opacity="0.55"></path><ellipse cx="12" cy="11" rx="8" ry="2.6" fill="currentColor"></ellipse><circle cx="16" cy="11" r="0.9" fill="#FFFFFF" opacity="0.9"></circle></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white mb-3">CRM ohne Vertriebslogik</h3><p class="text-[#CDCBE0] leading-relaxed text-sm md:text-[15px]">Daten gepflegt, aber nicht genutzt. Pipeline bleibt unscharf.</p></div></div><div class="rounded-2xl border p-7 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-20 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="mb-5 inline-flex" style="color:#A78BFA" aria-hidden="true"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="9.5" fill="currentColor" opacity="0.22"></circle><circle cx="12" cy="12" r="6" fill="none" stroke="currentColor" stroke-width="2"></circle><circle cx="12" cy="12" r="2.6" fill="currentColor"></circle><circle cx="12" cy="12" r="1" fill="#FFFFFF" opacity="0.95"></circle></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white mb-3">Zielgruppe zu breit</h3><p class="text-[#CDCBE0] leading-relaxed text-sm md:text-[15px]">Unscharfer Wunschkunde führt zu Gesprächen mit den Falschen.</p></div></div><div class="rounded-2xl border p-7 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-20 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="mb-5 inline-flex" style="color:#A78BFA" aria-hidden="true"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="20" height="20" rx="4" fill="currentColor" opacity="0.22"></rect><rect x="3.5" y="3.5" width="17" height="17" rx="3" fill="currentColor"></rect><rect x="6" y="10" width="2.6" height="8" rx="0.4" fill="#FFFFFF"></rect><circle cx="7.3" cy="7.4" r="1.5" fill="#FFFFFF"></circle><path d="M10.5 10h2.4v1.1c.5-.8 1.4-1.3 2.6-1.3 2.2 0 3 1.4 3 3.6V18h-2.6v-4c0-1-.4-1.7-1.3-1.7-.9 0-1.5.6-1.5 1.7V18h-2.6v-8z" fill="#FFFFFF"></path></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white mb-3">LinkedIn ohne System</h3><p class="text-[#CDCBE0] leading-relaxed text-sm md:text-[15px]">Posts und Nachrichten ohne klares Angebot wirken kaum.</p></div></div></div></div></section><section id="system" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-14" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Unser System</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight max-w-3xl">Ein System statt einzelner Marketingmaßnahmen.</h2></div><div class="rounded-2xl border relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-40 left-1/2 -translate-x-1/2 w-[680px] h-[320px] rounded-full opacity-15 blur-3xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative px-6 md:px-10 pt-9 md:pt-10 pb-7"><div class="relative"><div class="absolute left-[8%] right-[8%] top-1/2 -translate-y-1/2 h-px hidden md:block" style="background:linear-gradient(90deg, transparent 0%, #A78BFA55 12%, #A78BFA55 88%, transparent 100%)" aria-hidden="true"></div><div class="absolute left-[8%] right-[8%] top-1/2 -translate-y-1/2 h-px origin-left hidden md:block" aria-hidden="true" style="background:linear-gradient(90deg, #A78BFA 0%, #A78BFAcc 100%);box-shadow:0 0 12px #A78BFA66;
74transform:scaleX(0)"></div><div class="relative grid" style="grid-template-columns:repeat(3, 1fr)"><div class="flex items-center justify-center gap-4 md:gap-5"><div class="relative z-10 flex items-center justify-center rounded-full" style="width:48px;height:48px;background:rgba(15, 10, 35, 0.95);border:1.5px solid #A78BFA;box-shadow:0 0 24px #A78BFA55, inset 0 0 12px #A78BFA22;color:#A78BFA;opacity:0;transform:scale(0.7)"><span class="text-sm font-mono font-semibold tracking-wider">01</span></div><div class="hidden md:flex items-center" aria-hidden="true" style="color:#A78BFA;opacity:0;transform:translateX(-6px)"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m13 6 6 6-6 6"></path></svg></div></div><div class="flex items-center justify-center gap-4 md:gap-5"><div class="relative z-10 flex items-center justify-center rounded-full" style="width:48px;height:48px;background:rgba(15, 10, 35, 0.95);border:1.5px solid #A78BFA;box-shadow:0 0 24px #A78BFA55, inset 0 0 12px #A78BFA22;color:#A78BFA;opacity:0;transform:scale(0.7)"><span class="text-sm font-mono font-semibold tracking-wider">02</span></div><div class="hidden md:flex items-center" aria-hidden="true" style="color:#A78BFA;opacity:0;transform:translateX(-6px)"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m13 6 6 6-6 6"></path></svg></div></div><div class="flex items-center justify-center gap-4 md:gap-5"><div class="relative z-10 flex items-center justify-center rounded-full" style="width:48px;height:48px;background:rgba(15, 10, 35, 0.95);border:1.5px solid #A78BFA;box-shadow:0 0 24px #A78BFA55, inset 0 0 12px #A78BFA22;color:#A78BFA;opacity:0;transform:scale(0.7)"><span class="text-sm font-mono font-semibold tracking-wider">03</span></div></div></div></div></div><div class="relative grid grid-cols-1 lg:grid-cols-3"><div class="p-8 md:p-9 pt-2 md:pt-3 relative transition-colors hover:bg-white/[0.02] border-t-0 lg:border-l-0" style="border-color:rgba(255,255,255,0.08);opacity:0;transform:translateY(16px)"><p class="text-[11px] font-mono uppercase tracking-[0.25em] mb-3" style="color:#A78BFA">Stufe <!-- -->01</p><h3 class="text-2xl font-semibold text-white mb-3">Positionierung &amp; Angebot</h3><p class="text-[#CDCBE0] text-sm leading-relaxed mb-6">Wunschkunde, Nutzenversprechen und Angebot werden geschärft. Entscheider erkennen den Wert sofort.</p><ul class="space-y-2.5 pt-5 border-t" style="border-color:rgba(255,255,255,0.08)"><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>Wunschkunde &amp; Segmente</li><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>Angebotsarchitektur</li><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>Botschaften &amp; Differenzierung</li></ul></div><div class="p-8 md:p-9 pt-2 md:pt-3 relative transition-colors hover:bg-white/[0.02] border-t lg:border-t-0 lg:border-l" style="border-color:rgba(255,255,255,0.08);opacity:0;transform:translateY(16px)"><p class="text-[11px] font-mono uppercase tracking-[0.25em] mb-3" style="color:#A78BFA">Stufe <!-- -->02</p><h3 class="text-2xl font-semibold text-white mb-3">Planbare Leadgewinnung</h3><p class="text-[#CDCBE0] text-sm leading-relaxed mb-6">Akquise über LinkedIn, Content, Direktansprache und Inbound-Funnel. Qualität statt Reichweite.</p><ul class="space-y-2.5 pt-5 border-t" style="border-color:rgba(255,255,255,0.08)"><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>LinkedIn- &amp; Content-System</li><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>
74Direktansprache-Logik</li><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>Anfragen erfassen &amp; qualifizieren</li></ul></div><div class="p-8 md:p-9 pt-2 md:pt-3 relative transition-colors hover:bg-white/[0.02] border-t lg:border-t-0 lg:border-l" style="border-color:rgba(255,255,255,0.08);opacity:0;transform:translateY(16px)"><p class="text-[11px] font-mono uppercase tracking-[0.25em] mb-3" style="color:#A78BFA">Stufe <!-- -->03</p><h3 class="text-2xl font-semibold text-white mb-3">Konvertierung &amp; Vertrieb</h3><p class="text-[#CDCBE0] text-sm leading-relaxed mb-6">CRM, Follow-up und Angebotsprozess greifen sauber ineinander. Chancen laufen bis zur Entscheidung.</p><ul class="space-y-2.5 pt-5 border-t" style="border-color:rgba(255,255,255,0.08)"><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>CRM-Pipeline &amp; Follow-up</li><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>Angebots- &amp; Vertragsvorlagen</li><li class="flex items-center gap-2.5 text-sm text-[#CDCBE0]"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span>Reaktivierung &amp; Wiedervorlage</li></ul></div></div></div></div></section><section id="use-cases" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-14" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Die wichtigsten Hebel</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight max-w-3xl">Die größten Hebel liegen zwischen Interesse und Abschluss.</h2></div>
74<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5"><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->1</span><svg width="72" height="72" viewBox="0 0 80 80" class="relative"><circle cx="40" cy="40" r="32" fill="none" stroke="#A78BFA" stroke-width="1" opacity="0.22"></circle><circle cx="40" cy="40" r="22" fill="none" stroke="#A78BFA" stroke-width="1" opacity="0.4"></circle><circle cx="40" cy="40" r="12" fill="none" stroke="#A78BFA" stroke-width="1.4" opacity="0.7"></circle><circle cx="40" cy="40" r="3.2" fill="#A78BFA"></circle><line x1="40" y1="6" x2="40" y2="14" stroke="#A78BFA" stroke-width="1" opacity="0.5"></line><line x1="40" y1="66" x2="40" y2="74" stroke="#A78BFA" stroke-width="1" opacity="0.5"></line><line x1="6" y1="40" x2="14" y2="40" stroke="#A78BFA" stroke-width="1" opacity="0.5"></line><line x1="66" y1="40" x2="74" y2="40" stroke="#A78BFA" stroke-width="1" opacity="0.5"></line></svg></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">Wunschkunde &amp; Angebot</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">Versteht euer Markt euer Angebot sofort?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Schärfere Zielgruppe und klarere Botschaft. Weniger Streuverlust.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->2</span><div class="relative flex items-center gap-2.5 px-3 py-2 rounded-lg" style="background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.07)"><div class="w-7 h-7 rounded-full" style="background:linear-gradient(135deg, #A78BFA, #5B3FE0)"></div><div class="space-y-1.5"><div class="h-1.5 w-20 rounded-full" style="background:rgba(255,255,255,0.30)"></div>
74<div class="h-1.5 w-14 rounded-full" style="background:rgba(255,255,255,0.15)"></div></div><div class="ml-1 w-5 h-5 rounded-[3px] flex items-center justify-center text-[8px] font-bold text-white" style="background:#0A66C2">in</div></div></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">LinkedIn Profil &amp; Content</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">Sichtbar bei den richtigen Entscheidern?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Profil und Content gezielt auf Wunschkunden ausgerichtet.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->3</span><div class="relative flex flex-col gap-1.5 w-32"><div class="self-start px-2.5 py-1.5 rounded-lg rounded-bl-sm" style="background:rgba(255,255,255,0.10)"><div class="flex gap-1"><span class="block w-1 h-1 rounded-full bg-white/60"></span><span class="block w-1 h-1 rounded-full bg-white/60"></span><span class="block w-1 h-1 rounded-full bg-white/60"></span></div></div><div class="self-end px-2.5 py-1.5 rounded-lg rounded-br-sm" style="background:#A78BFA30;border:1px solid #A78BFA50"><div class="flex gap-1"><span class="block w-1 h-1 rounded-full" style="background:#A78BFA"></span><span class="block w-1 h-1 rounded-full" style="background:#A78BFA"></span><span class="block w-1 h-1 rounded-full" style="background:#A78BFA"></span></div></div></div></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">Direktansprache mit Relevanz</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">Hat jeder Erstkontakt einen klaren Bezug?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Strukturierte Sequenzen mit relevantem Anlass statt generischer Kaltakquise.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->4</span><svg width="80" height="64" viewBox="0 0 80 64" class="relative"><path d="M8 8 L72 8 L48 30 L48 56 L32 56 L32 30 Z" fill="none" stroke="#A78BFA" stroke-width="1.4" opacity="0.55" stroke-linejoin="round"></path><circle cx="20" cy="14" r="2" fill="#A78BFA" opacity="0.55"></circle><circle cx="40" cy="14" r="2" fill="#A78BFA" opacity="0.55"></circle><circle cx="60" cy="14" r="2" fill="#A78BFA" opacity="0.55"></circle><circle cx="40" cy="46" r="2.6" fill="#A78BFA"></circle></svg></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">Anfragen erfassen &amp; qualifizieren</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">Werden Anfragen zu echten Terminen?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Klare Erfassung und Qualifizierung sortieren früh aus.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">
74Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->5</span><div class="relative flex gap-1.5"><div class="w-12 h-14 rounded-md flex flex-col gap-1 p-1.5" style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07)"><div class="h-0.5 w-full rounded-full" style="background:#A78BFA;opacity:0.55"></div><div class="h-2 rounded-sm" style="background:rgba(255,255,255,0.06)"></div></div><div class="w-12 h-14 rounded-md flex flex-col gap-1 p-1.5" style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07)"><div class="h-0.5 w-full rounded-full" style="background:#A78BFA;opacity:0.55"></div><div class="h-2 rounded-sm" style="background:#A78BFA40;border:1px solid #A78BFA80"></div></div><div class="w-12 h-14 rounded-md flex flex-col gap-1 p-1.5" style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07)"><div class="h-0.5 w-full rounded-full" style="background:#A78BFA;opacity:0.55"></div><div class="h-2 rounded-sm" style="background:rgba(255,255,255,0.06)"></div></div></div></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">Vom Erstgespräch ins CRM</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">Landen nächste Schritte in der Pipeline?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Sauberer Übergang vom Gespräch zur Wiedervorlage.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->6</span><div class="relative flex items-center"><div class="flex items-center"><div class="w-2.5 h-2.5 rounded-full" style="background:#A78BFA;box-shadow:none"></div><div class="w-6 h-px" style="background:#A78BFA50"></div></div><div class="flex items-center"><div class="w-2.5 h-2.5 rounded-full" style="background:#A78BFA;box-shadow:0 0 12px #A78BFA80"></div><div class="w-6 h-px" style="background:#A78BFA50"></div></div><div class="flex items-center"><div class="w-2.5 h-2.5 rounded-full" style="background:#A78BFA50;box-shadow:none"></div><div class="w-6 h-px" style="background:#A78BFA50"></div></div><div class="flex items-center"><div class="w-2.5 h-2.5 rounded-full" style="background:#A78BFA50;box-shadow:none"></div></div></div></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">Follow-up-System</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">
74Werden Chancen bis zur Entscheidung begleitet?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Mehrstufiges Follow-up mit Anlass, Frequenz und Eskalation.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->7</span><div class="relative h-14 w-12"><div class="absolute top-0 left-2 w-12 h-14 rounded" style="background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.07)"></div><div class="absolute top-1 left-1 w-12 h-14 rounded" style="background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.10)"></div><div class="absolute top-2 left-0 w-12 h-14 rounded p-1.5 flex flex-col gap-1" style="background:rgba(255,255,255,0.10);border:1px solid #A78BFA55;box-shadow:0 4px 14px #A78BFA20"><div class="h-0.5 w-full rounded-full" style="background:#A78BFA;opacity:0.7"></div><div class="h-0.5 w-3/4 rounded-full bg-white/30"></div><div class="h-0.5 w-full rounded-full bg-white/30"></div><div class="h-0.5 w-2/3 rounded-full bg-white/30"></div></div></div></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">Leadmagnete &amp; Salesmaterial</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">Liefert Ihr Material Argumente vor dem Gespräch?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Leadmagnete und Verkaufsunterlagen, die qualifizieren und überzeugen.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div class="rounded-2xl border p-5 md:p-6 transition-all hover:-translate-y-0.5 flex flex-col h-full group relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="relative h-20 md:h-24 rounded-xl overflow-hidden mb-5 flex items-center justify-center" style="background:linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)"><div class="pointer-events-none absolute -top-12 -right-10 w-32 h-32 rounded-full opacity-30 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><span class="absolute top-2 right-2.5 text-[10px] font-mono opacity-60" style="color:#A78BFA">0<!-- -->8</span><div class="relative flex items-center gap-4"><div class="w-3 h-3 rounded-full" style="background:rgba(255,255,255,0.18)"></div><div class="relative flex items-center justify-center"><div class="absolute w-10 h-10 rounded-full" style="background:#A78BFA;opacity:0.18;filter:blur(6px)"></div><div class="absolute w-6 h-6 rounded-full border" style="border-color:#A78BFA55"></div><div class="relative w-4 h-4 rounded-full" style="background:#A78BFA;box-shadow:0 0 12px #A78BFAcc"></div><svg width="14" height="8" viewBox="0 0 14 8" class="absolute -top-5"><path d="M 2 6 L 7 1.5 L 12 6" fill="none" stroke="#A78BFA" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" opacity="0.85"></path></svg></div><div class="w-3 h-3 rounded-full" style="background:rgba(255,255,255,0.18)"></div></div></div><h3 class="text-base md:text-lg font-semibold text-white mb-2.5 leading-tight">
74Reaktivierung</h3><p class="text-[13px] italic mb-2.5 leading-snug" style="color:#A78BFA">Wird Umsatz aus offenen Chancen geholt?</p><p class="text-[13px] text-[#CDCBE0] leading-relaxed mb-5">Sequenzen für unentschiedene und kalte Kontakte.</p><button class="mt-auto inline-flex items-center gap-1.5 text-sm font-medium text-white hover:opacity-80 transition-opacity group/link self-start">Mehr erfahren<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"><path d="M7 17L17 7M9 7h8v8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div></div></div></section><section id="angebote" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-16" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Unsere Angebote</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight max-w-3xl">Drei Einstiege. Wir empfehlen den mit dem größten Hebel.</h2></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-6"><div class="relative rounded-2xl border flex flex-col transition-all hover:-translate-y-0.5 " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.4);opacity:0;transform:translateY(24px)"><div class="relative flex flex-col h-full p-8 md:p-9 rounded-2xl overflow-hidden"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><h3 class="text-2xl font-semibold text-white mb-2">Positionierung &amp; Angebot</h3><p class="text-sm text-[#CDCBE0] mb-6 pb-6 border-b min-h-[3.5rem]" style="border-color:rgba(255,255,255,0.08)">Für SaaS- und IT-Anbieter mit zu breitem oder zu wenig differenziertem Angebot.</p><div class="mb-6 flex-grow"><div class="text-xs uppercase tracking-[0.2em] font-medium mb-3" style="color:#A78BFA">Ergebnis</div><p class="text-sm text-white mb-5 leading-relaxed">Klare Wunschkunden- und Angebotslogik, die Entscheider sofort verstehen.</p><div class="text-xs uppercase tracking-[0.2em] font-medium mb-3" style="color:#A78BFA">Inhalte</div><ul class="space-y-2.5"><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Wunschkunde geschärft</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Zielkunden-Segmente</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Problem- und Nutzenlogik</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Angebotsstruktur</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Botschaften &amp; Einwandlogik</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Gesprächsanlässe</span></li></ul></div><button class="w-full mt-auto rounded-full px-6 py-3 text-sm font-medium transition-all border border-white/20 text-white hover:bg-white/10">Positionierung prüfen lassen</button></div></div><div class="relative rounded-2xl border flex flex-col transition-all hover:-translate-y-0.5 lg:scale-[1.03] z-10" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(167, 139, 250, 0.45);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(167, 139, 250, 0.45), 0 20px 50px -25px rgba(124, 92, 255, 0.28);opacity:0;transform:translateY(24px)"><div class="absolute -top-3 left-1/2 -translate-x-1/2 text-white text-[10px] font-semibold px-3 py-1 rounded-full uppercase tracking-[0.2em] z-20" style="background:linear-gradient(135deg, #7C5CFF 0%, #5B3FE0 100%)">Empfohlen</div><div class="relative flex flex-col h-full p-8 md:p-9 rounded-2xl overflow-hidden"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><h3 class="text-2xl font-semibold text-white mb-2">Hochpreis-Akquise-System</h3><p class="text-sm text-[#CDCBE0] mb-6 pb-6 border-b min-h-[3.5rem]" style="border-color:rgba(255,255,255,0.08)">Für Teams, die planbar qualifizierte B2B-Erstgespräche brauchen.</p><div class="mb-6 flex-grow"><div class="text-xs uppercase tracking-[0.2em] font-medium mb-3" style="color:#A78BFA">Ergebnis</div><p class="text-sm text-white mb-5 leading-relaxed">Wiederholbares System aus Sichtbarkeit, Ansprache, Qualifizierung und Terminierung.</p><div class="text-xs uppercase tracking-[0.2em] font-medium mb-3" style="color:#A78BFA">Inhalte</div><ul class="space-y-2.5"><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>LinkedIn-System</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Content- &amp; Themenarchitektur</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>
74Direktansprache-Logik</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Inbound-Funnel</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Qualifizierungsprozess</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Terminbuchung &amp; CRM-Übergabe</span></li></ul></div><button class="w-full mt-auto rounded-full px-6 py-3 text-sm font-medium transition-all btn-primary-violet">Akquise-System prüfen lassen</button></div></div><div class="relative rounded-2xl border flex flex-col transition-all hover:-translate-y-0.5 " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.4);opacity:0;transform:translateY(24px)"><div class="relative flex flex-col h-full p-8 md:p-9 rounded-2xl overflow-hidden"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><h3 class="text-2xl font-semibold text-white mb-2">Abschluss-System</h3><p class="text-sm text-[#CDCBE0] mb-6 pb-6 border-b min-h-[3.5rem]" style="border-color:rgba(255,255,255,0.08)">Für Unternehmen, die zwischen Gespräch und Abschluss zu viel verlieren.</p><div class="mb-6 flex-grow"><div class="text-xs uppercase tracking-[0.2em] font-medium mb-3" style="color:#A78BFA">Ergebnis</div><p class="text-sm text-white mb-5 leading-relaxed">Strukturierter Prozess für Follow-up, Angebote und Wiedervorlage.</p><div class="text-xs uppercase tracking-[0.2em] font-medium mb-3" style="color:#A78BFA">Inhalte</div><ul class="space-y-2.5"><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>CRM-Pipeline</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Follow-up-Logik</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Angebotsvorlagen</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Reaktivierungs-Sequenzen</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Reaktivierung &amp; Pipeline-Übersicht</span></li><li class="flex items-start text-sm text-[#CDCBE0]"><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-check w-4 h-4 mr-2.5 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Abschluss-Leitfaden</span></li></ul></div><button class="w-full mt-auto rounded-full px-6 py-3 text-sm font-medium transition-all border border-white/20 text-white hover:bg-white/10">Abschluss-System prüfen lassen</button></div></div></div></div></section><section id="ablauf" class="relative py-24 md:py-32"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-16 text-center mx-auto" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Wie die Zusammenarbeit abläuft</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight">Der 90-Tage-Fahrplan in vier Phasen.</h2></div><div class="max-w-5xl mx-auto"><div class="sticky" style="top:96px;z-index:10;margin-bottom:32px"><div class="rounded-3xl border p-7 md:p-12 relative overflow-hidden grid grid-cols-1 lg:grid-cols-[1fr_minmax(260px,420px)] gap-8 lg:gap-10 items-center" style="background-color:#0F0828;border-color:rgba(255, 255, 255, 0.10);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 12px 40px rgba(0,0,0,0.45), 0 1px 0 rgba(0,0,0,0.4);min-height:534px;background-image:linear-gradient(155deg, rgba(124, 92, 255, 0.10) 0%, rgba(15, 8, 40, 0) 60%);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-72 h-72 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="pointer-events-none absolute right-6 md:right-10 top-6 md:top-8 select-none leading-none font-bold" style="color:#A78BFA;font-size:clamp(5rem, 10vw, 9rem);font-family:Inter, sans-serif;letter-spacing:-0.04em;opacity:0.18" aria-hidden="true">1</div><div class="relative"><div class="flex items-center gap-3 mb-5"><div class="w-10 h-10 rounded-lg border flex items-center justify-center" style="background:rgba(167, 139, 250, 0.14);border-color:rgba(255, 255, 255, 0.10);color:#A78BFA"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5a3 3 0 013-3h12a3 3 0 013 3v9a3 3 0 01-3 3h-7l-5 4v-4H6a3 3 0 01-3-3V5z" fill="currentColor" opacity="0.22"></path><path d="M4 5a2.5 2.5 0 012.5-2.5h11A2.5 2.5 0 0120 5v8a2.5 2.5 0 01-2.5 2.5H10l-4 3v-3H6.5A2.5 2.5 0 014 13V5z" fill="currentColor"></path><circle cx="8.5" cy="9" r="1.1" fill="#FFFFFF"></circle><circle cx="12" cy="9" r="1.1" fill="#FFFFFF"></circle><circle cx="15.5" cy="9" r="1.1" fill="#FFFFFF"></circle></svg></div><span class="text-[11px] uppercase tracking-[0.25em] font-medium" style="color:#A78BFA">Woche 1–2</span></div><h3 class="text-2xl md:text-3xl font-semibold text-white mb-4 tracking-tight leading-tight">Diagnose &amp; Baseline</h3><p class="text-sm md:text-[15px] text-[#CDCBE0] leading-relaxed max-w-xl">Audit von Zielgruppe, Angebot, CRM und Follow-up. Sichtbar machen, wo Umsatz heute liegen bleibt.</p></div><div class="relative"><div class="rounded-xl border border-white/10 bg-[#120A2E]/80 backdrop-blur-sm shadow-[0_8px_32px_rgba(0,0,0,0.35),inset_0_1px_0_rgba(255,255,255,0.04)] overflow-hidden"><div class="px-4 py-3 border-b border-white/10 flex items-center gap-2"><div class="flex gap-1.5"><span class="w-2.5 h-2.5 rounded-full bg-white/20"></span><span class="w-2.5 h-2.5 rounded-full bg-white/20"></span><span class="w-2.5 h-2.5 rounded-full bg-white/20"></span></div><span class="text-[10px] uppercase tracking-[0.25em] text-white/40 ml-2">Audit-Bericht</span></div><div class="p-5"><div class="text-xs text-white/50 mb-3">Wo verliert Vertrieb heute Umsatz?</div><ul class="space-y-2.5"><li class="flex items-center gap-3 text-[13px] text-white/85"><span class="w-5 h-5 rounded-full flex items-center justify-center shrink-0" style="background:#A78BFA30;color:#A78BFA"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Zielgruppe &amp; Wunschkunde geschärft</span></li><li class="flex items-center gap-3 text-[13px] text-white/85"><span class="w-5 h-5 rounded-full flex items-center justify-center shrink-0" style="background:#A78BFA30;color:#A78BFA"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Angebotsstruktur klar</span></li><li class="flex items-center gap-3 text-[13px] text-white/85"><span class="w-5 h-5 rounded-full flex items-center justify-center shrink-0" style="background:rgba(248, 113, 113, 0.18);color:#F87171"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span><span>Anfragen-Erfassung fehlt</span></li><li class="flex items-center gap-3 text-[13px] text-white/85"><span class="w-5 h-5 rounded-full flex items-center justify-center shrink-0" style="background:rgba(248, 113, 113, 0.18);color:#F87171"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span><span>Follow-up unstrukturiert</span></li><li class="flex items-center gap-3 text-[13px] text-white/85"><span class="w-5 h-5 rounded-full flex items-center justify-center shrink-0" style="background:rgba(248, 113, 113, 0.18);color:#F87171"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span><span>Pipeline-Übersicht lückenhaft</span></li></ul></div></div></div></div></div><div class="sticky" style="top:114px;z-index:11;margin-bottom:32px"><div class="rounded-3xl border p-7 md:p-12 relative overflow-hidden grid grid-cols-1 lg:grid-cols-[1fr_minmax(260px,420px)] gap-8 lg:gap-10 items-center" style="background-color:#0F0828;border-color:rgba(255, 255, 255, 0.10);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 12px 40px rgba(0,0,0,0.45), 0 1px 0 rgba(0,0,0,0.4);min-height:516px;background-image:linear-gradient(155deg, rgba(124, 92, 255, 0.10) 0%, rgba(15, 8, 40, 0) 60%);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-72 h-72 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="pointer-events-none absolute right-6 md:right-10 top-6 md:top-8 select-none leading-none font-bold" style="color:#A78BFA;font-size:clamp(5rem, 10vw, 9rem);font-family:Inter, sans-serif;letter-spacing:-0.04em;opacity:0.18" aria-hidden="true">2</div><div class="relative"><div class="flex items-center gap-3 mb-5"><div class="w-10 h-10 rounded-lg border flex items-center justify-center" style="background:rgba(167, 139, 250, 0.14);border-color:rgba(255, 255, 255, 0.10);color:#A78BFA"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 3h9l5 5v13H5V3z" fill="currentColor" opacity="0.22"></path><path d="M5 3h9l5 5v13a0 0 0 010 0H5V3z" fill="currentColor"></path><path d="M14 3l5 5h-5V3z" fill="currentColor" opacity="0.55"></path><rect x="7.5" y="12" width="9" height="1.4" rx="0.7" fill="#FFFFFF" opacity="0.9"></rect><rect x="7.5" y="15" width="6" height="1.4" rx="0.7" fill="#FFFFFF" opacity="0.7"></rect><rect x="7.5" y="18" width="8" height="1.4" rx="0.7" fill="#FFFFFF" opacity="0.55"></rect></svg></div><span class="text-[11px] uppercase tracking-[0.25em] font-medium" style="color:#A78BFA">Woche 3–4</span></div><h3 class="text-2xl md:text-3xl font-semibold text-white mb-4 tracking-tight leading-tight">Positionierung &amp; Angebot</h3><p class="text-sm md:text-[15px] text-[#CDCBE0] leading-relaxed max-w-xl">Wunschkunde, Nutzenversprechen und Angebot werden geschärft. Entscheider erkennen den Wert sofort.</p></div><div class="relative"><div class="rounded-xl border border-white/10 bg-[#120A2E]/80 backdrop-blur-sm shadow-[0_8px_32px_rgba(0,0,0,0.35),inset_0_1px_0_rgba(255,255,255,0.04)] overflow-hidden"><div class="px-4 py-3 border-b border-white/10 flex items-center justify-between"><span class="text-[10px] uppercase tracking-[0.25em] text-white/40">Wunschkunden-Profil</span><span class="text-[10px] font-medium px-2 py-0.5 rounded-full" style="background:#A78BFA20;color:#A78BFA">geschärft</span></div><div class="p-4 grid grid-cols-2 gap-2.5"><div class="rounded-lg border p-3" style="background:rgba(124, 92, 255, 0.10);border-color:rgba(167, 139, 250, 0.35);opacity:1"><div class="text-[12px] font-semibold text-white">Industrie &amp; Maschinenbau</div><div class="text-[10px] text-white/55 mt-0.5">Mittelstand, 100–500 MA</div></div><div class="rounded-lg border p-3" style="background:rgba(124, 92, 255, 0.10);border-color:rgba(167, 139, 250, 0.35);opacity:1"><div class="text-[12px] font-semibold text-white">Logistik &amp; Handel B2B</div><div class="text-[10px] text-white/55 mt-0.5">ERP- &amp; IT-Modernisierung</div></div><div class="rounded-lg border p-3" style="background:rgba(255, 255, 255, 0.02);border-color:rgba(255, 255, 255, 0.06);opacity:0.45"><div class="text-[12px] font-semibold text-white">B2C-Einzelhandel</div><div class="text-[10px] text-white/55 mt-0.5">Andere Buyer-Journey</div></div><div class="rounded-lg border p-3" style="background:rgba(255, 255, 255, 0.02);border-color:rgba(255, 255, 255, 0.06);opacity:0.45"><div class="text-[12px] font-semibold text-white">Lokales Handwerk</div><div class="text-[10px] text-white/55 mt-0.5">Zu klein für Hochpreis</div></div></div></div></div></div></div><div class="sticky" style="top:132px;z-index:12;margin-bottom:32px"><div class="rounded-3xl border p-7 md:p-12 relative overflow-hidden grid grid-cols-1 lg:grid-cols-[1fr_minmax(260px,420px)] gap-8 lg:gap-10 items-center" style="background-color:#0F0828;border-color:rgba(255, 255, 255, 0.10);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 12px 40px rgba(0,0,0,0.45), 0 1px 0 rgba(0,0,0,0.4);min-height:498px;background-image:linear-gradient(155deg, rgba(124, 92, 255, 0.10) 0%, rgba(15, 8, 40, 0) 60%);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-72 h-72 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="pointer-events-none absolute right-6 md:right-10 top-6 md:top-8 select-none leading-none font-bold" style="color:#A78BFA;font-size:clamp(5rem, 10vw, 9rem);font-family:Inter, sans-serif;letter-spacing:-0.04em;opacity:0.18" aria-hidden="true">3</div><di
74v class="relative"><div class="flex items-center gap-3 mb-5"><div class="w-10 h-10 rounded-lg border flex items-center justify-center" style="background:rgba(167, 139, 250, 0.14);border-color:rgba(255, 255, 255, 0.10);color:#A78BFA"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="8" r="6" fill="currentColor" opacity="0.22"></circle><circle cx="17" cy="9" r="3.2" fill="currentColor" opacity="0.55"></circle><circle cx="9" cy="8" r="3.6" fill="currentColor"></circle><path d="M2 21c0-3.5 3.1-6 7-6s7 2.5 7 6v1H2v-1z" fill="currentColor"></path><path d="M16.5 14c2.8 0 5.5 1.7 5.5 4.5V21h-5" fill="currentColor" opacity="0.55"></path><circle cx="9" cy="7" r="1" fill="#FFFFFF" opacity="0.85"></circle></svg></div><span class="text-[11px] uppercase tracking-[0.25em] font-medium" style="color:#A78BFA">Woche 5–8</span></div><h3 class="text-2xl md:text-3xl font-semibold text-white mb-4 tracking-tight leading-tight">Leadgewinnung &amp; Erstgespräche</h3><p class="text-sm md:text-[15px] text-[#CDCBE0] leading-relaxed max-w-xl">LinkedIn, Direktansprache per Telefon und optimierte Kundenpipeline laufen an. Planbar qualifizierte Gespräche entstehen.</p></div><div class="relative"><div class="rounded-xl border border-white/10 bg-[#120A2E]/80 backdrop-blur-sm shadow-[0_8px_32px_rgba(0,0,0,0.35),inset_0_1px_0_rgba(255,255,255,0.04)] overflow-hidden"><div class="px-4 py-3 border-b border-white/10 flex items-center gap-2"><span class="text-[10px] uppercase tracking-[0.25em] text-white/40">Akquise-Aktivität</span><span class="text-[10px] text-white/40 ml-auto">letzte 30 T.</span></div><div class="p-5 space-y-3"><div><div class="flex items-center justify-between mb-1.5"><span class="text-[12px] text-white/70">LinkedIn-Kontakte eröffnet</span><span class="text-[12px] font-semibold text-white">248</span></div><div class="h-2 rounded-full bg-white/5 overflow-hidden"><div class="h-full rounded-full" style="width:52%;background:linear-gradient(90deg, #A78BFA, #A78BFA80)"></div></div></div><div><div class="flex items-center justify-between mb-1.5"><span class="text-[12px] text-white/70">Anrufe getätigt</span><span class="text-[12px] font-semibold text-white">476</span></div><div class="h-2 rounded-full bg-white/5 overflow-hidden"><div class="h-full rounded-full" style="width:100%;background:linear-gradient(90deg, #A78BFA, #A78BFA80)"></div></div></div><div><div class="flex items-center justify-between mb-1.5"><span class="text-[12px] text-white/70">E-Mails versendet</span><span class="text-[12px] font-semibold text-white">312</span></div><div class="h-2 rounded-full bg-white/5 overflow-hidden"><div class="h-full rounded-full" style="width:66%;background:linear-gradient(90deg, #A78BFA, #A78BFA80)"></div></div></div><div><div class="flex items-center justify-between mb-1.5"><span class="text-[12px] text-white/70">Qualifizierte Termine</span><span class="text-[12px] font-semibold text-white">24</span></div><div class="h-2 rounded-full bg-white/5 overflow-hidden"><div class="h-full rounded-full" style="width:14%;background:linear-gradient(90deg, #A78BFA, #A78BFA80)"></div></div></div></div></div></div></div></div><div class="sticky" style="top:150px;z-index:13;margin-bottom:0"><div class="rounded-3xl border p-7 md:p-12 relative overflow-hidden grid grid-cols-1 lg:grid-cols-[1fr_minmax(260px,420px)] gap-8 lg:gap-10 items-center" style="background-color:#0F0828;border-color:rgba(255, 255, 255, 0.10);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 12px 40px rgba(0,0,0,0.45), 0 1px 0 rgba(0,0,0,0.4);min-height:480px;background-image:linear-gradient(155deg, rgba(124, 92, 255, 0.10) 0%, rgba(15, 8, 40, 0) 60%);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-72 h-72 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="pointer-events-none absolute right-6 md:right-10 top-6 md:top-8 select-none leading-none font-bold" style="color:#A78BFA;font-size:clamp(5rem, 10vw, 9rem);font-family:Inter, sans-serif;letter-spacing:-0.04em;opacity:0.18" aria-hidden="true">4</div><div class="relative"><div class="flex items-center gap-3 mb-5"><div class="w-10 h-10 rounded-lg border flex items-center justify-center" style="background:rgba(167, 139, 250, 0.14);border-color:rgba(255, 255, 255, 0.10);color:#A78BFA"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="3" width="7" height="6" rx="1.4" fill="currentColor" opacity="0.22"></rect><rect x="15" y="3" width="7" height="6" rx="1.4" fill="currentColor" opacity="0.22"></rect><rect x="8.5" y="15" width="7" height="6" rx="1.4" fill="currentColor" opacity="0.22"></rect><rect x="3" y="4" width="6" height="4" rx="1" fill="currentColor"></rect><rect x="15" y="4" width="6" height="4" rx="1" fill="currentColor"></rect><rect x="9" y="16" width="6" height="4" rx="1" fill="currentColor"></rect><path d="M6 9v3a2 2 0 002 2h4M18 9v3a2 2 0 01-2 2h-4" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round"></path><circle cx="6" cy="6" r="0.8" fill="#FFFFFF"></circle><circle cx="18" cy="6" r="0.8" fill="#FFFFFF"></circle><circle cx="12" cy="18" r="0.8" fill="#FFFFFF"></circle></svg></div><span class="text-[11px] uppercase tracking-[0.25em] font-medium" style="color:#A78BFA">Woche 9–12</span></div><h3 class="text-2xl md:text-3xl font-semibold text-white mb-4 tracking-tight leading-tight">Follow-up &amp; Abschluss</h3><p class="text-sm md:text-[15px] text-[#CDCBE0] leading-relaxed max-w-xl">CRM, Follow-up und Angebote werden strukturiert. Chancen laufen sauber bis zur Entscheidung.</p></div><div class="relative"><div class="rounded-xl border border-white/10 bg-[#120A2E]/80 backdrop-blur-sm shadow-[0_8px_32px_rgba(0,0,0,0.35),inset_0_1px_0_rgba(255,255,255,0.04)] overflow-hidden"><div class="px-4 py-3 border-b border-white/10 flex items-center gap-2"><span class="text-[10px] uppercase tracking-[0.25em] text-white/40">CRM-Pipeline</span><span class="text-[10px] font-medium px-2 py-0.5 rounded-full ml-auto" style="background:#A78BFA20;color:#A78BFA">aktiv</span></div><div class="p-3 grid grid-cols-3 gap-2"><div class="space-y-2"><div class="text-[9px] uppercase tracking-[0.2em] text-white/40 px-1">Qualifiziert</div><div class="rounded-md border p-2" style="background:rgba(255, 255, 255, 0.03);border-color:rgba(255, 255, 255, 0.08)"><div class="text-[11px] font-medium text-white">Hagedorn GmbH</div><div class="flex items-center gap-1 mt-1"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span><span class="text-[9px] text-white/50">Follow-up</span></div></div><div class="rounded-md border p-2" style="background:rgba(255, 255, 255, 0.03);border-color:rgba(255, 255, 255, 0.08)"><div class="text-[11px] font-medium text-white">Voltcore AG</div><div class="flex items-center gap-1 mt-1"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span><span class="text-[9px] text-white/50">Follow-up</span></div></div></div><div class="space-y-2"><div class="text-[9px] uppercase tracking-[0.2em] text-white/40 px-1">Angebot</div><div class="rounded-md border p-2" style="background:rgba(124, 92, 255, 0.12);border-color:rgba(167, 139, 250, 0.30)"><div class="text-[11px] font-medium text-white">Mertens Logistik</div><div class="flex items-center gap-1 mt-1"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span><span class="text-[9px] text-white/50">Follow-up</span></div></div></div><div class="space-y-2"><div class="text-[9px] uppercase tracking-[0.2em] text-white/40 px-1">Abschluss</div><div class="rounded-md border p-2" style="background:rgba(255, 255, 255, 0.03);border-color:rgba(255, 255, 255, 0.08)"><div class="text-[11px] font-medium text-white">Ostwald Industries</div><div class="flex items-center gap-1 mt-1"><span class="w-1.5 h-1.5 rounded-full" style="background:#A78BFA"></span><span class="text-[9px] text-white/50">Follow-up</span></div></div></div></div></div></div></div></div></div><div class="mt-20 flex justify-center"><button class="btn-primary-violet text-base">Erstgespräch buchen</button></div></div></section><section id="referenzen" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-16 text-center mx-auto" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Kundenstimmen</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight">Was Kunden über uns sagen.</h2></div><div class="md:hidden"><div class="relative"><div class="-mx-4 px-4 overflow-x-auto snap-x snap-mandatory flex gap-4 pb-4 scrollbar-hide scroll-smooth" aria-roledescription="carousel" aria-label="Kundenstimmen"><div class="snap-center shrink-0 w-full" role="group" aria-roledescription="slide" aria-label="1 von 6"><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Christian_T_1777455968610-CNTOKlM7.jpeg" alt="Portrait Christian Thoma" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Christian Thoma</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, myTuur</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Percival hat unser Salessystem von Grund auf sauber aufgebaut. Innerhalb kurzer Zeit kamen planbar qualifizierte Leads und Termine in unser Tech-Startup, statt Zufall und Bauchgefühl. Wir arbeiten inzwischen langfristig zusammen, weil das System nicht nur einmal liefert, sondern mit uns mitwächst.<!-- -->“</p></div></div></div><div class="snap-center shrink-0 w-full" role="group" aria-roledescription="slide" aria-label="2 von 6"><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Andre_S_1777455968610-ByNbO1Ym.jpg" alt="Portrait André Steinbrecher" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">André Steinbrecher</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, nord-e</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Ich bin beeindruckt von der Professionalität, Kreativität und dem technischen 
74Know-how, welches sie in unser Projekt eingebracht haben. Die Investition hat sich definitiv gelohnt.<!-- -->“</p></div></div></div><div class="snap-center shrink-0 w-full" role="group" aria-roledescription="slide" aria-label="3 von 6"><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Jochen_B_1777455968609-WGfE4eYo.jpeg" alt="Portrait Jochen Barg" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Jochen Barg</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">b-it barg GmbH</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Man merkt sofort, hier steckt Expertise und Herzblut drin. Vom ersten Gespräch an war die Zusammenarbeit vertrauensvoll, strukturiert und auf Augenhöhe.<!-- -->“</p></div></div></div><div class="snap-center shrink-0 w-full" role="group" aria-roledescription="slide" aria-label="4 von 6"><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Jochen_H_1777455968610-Cos8-hPt.jpeg" alt="Portrait Jochen Heisig" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Jochen Heisig</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, Zielvest</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Wir wollten unsere Webpräsenz überarbeiten und die Jungs von Percival haben das schnell und professionell erledigt. Bestnote in allen Bereichen!<!-- -->“</p></div></div></div><div class="snap-center shrink-0 w-full" role="group" aria-roledescription="slide" aria-label="5 von 6"><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Tim_S_1777455968610-DGnEFsgp.jpeg" alt="Portrait Tim Schröder" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Tim Schröder</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">Gründer, LOFT</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Jung, sympathisch, kompetent und engagiert. Für jemanden der Bock hat Gas zu geben, definitiv der richtige Partner.<!-- -->“</p></div></div></div><div class="snap-center shrink-0 w-full" role="group" aria-roledescription="slide" aria-label="6 von 6"><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Shonela_G_1777455968609-CPjbuarA.jpeg" alt="Portrait Shonela Grabowski" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Shonela Grabowski</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, Salesation &amp; Partner</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Hammer Jungs! Wissen, was sie machen, und sind sehr engagiert. Würde ich immer empfehlen!<!-- -->“</p></div></div></div></div><div class="mt-6 flex items-center justify-center gap-4"><button type="button" disabled="" aria-label="Vorherige Kundenstimme" class="w-10 h-10 rounded-full border border-white/15 bg-white/5 text-white flex items-center justify-center transition-colors hover:bg-white/10 disabled:opacity-40 disabled:hover:bg-white/5"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex items-center gap-2" role="tablist" aria-label="Slide auswählen"><button type="button" role="tab" aria-selected="true" aria-label="Zu Stimme 1 springen" class="h-2 rounded-full transition-all w-6 bg-[#A78BFA]"></button><button type="button" role="tab" aria-selected="false" aria-label="Zu Stimme 2 springen" class="h-2 rounded-full transition-all w-2 bg-white/25 hover:bg-white/40"></button><button type="button" role="tab" aria-selected="false" aria-label="Zu Stimme 3 springen" class="h-2 rounded-full transition-all w-2 bg-white/25 hover:bg-white/40"></button><button type="button" role="tab" aria-selected="false" aria-label="Zu Stimme 4 springen" class="h-2 rounded-full transition-all w-2 bg-white/25 hover:bg-white/40"></button><button type="button" role="tab" aria-selected="false" aria-label="Zu Stimme 5 springen" class="h-2 rounded-full transition-all w-2 bg-white/25 hover:bg-white/40"></button><button type="button" role="tab" aria-selected="false" aria-label="Zu Stimme 6 springen" class="h-2 rounded-full transition-all w-2 bg-white/25 hover:bg-white/40"></button></div><button type="button" aria-label="Nächste Kundenstimme" class="w-10 h-10 rounded-full border border-white/15 bg-white/5 text-white flex items-center justify-center transition-colors hover:bg-white/10 disabled:opacity-40 disabled:hover:bg-white/5"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div><div class="hidden md:grid grid-cols-2 lg:grid-cols-3 gap-5"><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Christian_T_1777455968610-CNTOKlM7.jpeg" alt="Portrait Christian Thoma" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Christian Thoma</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, myTuur</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Percival hat unser Salessystem von Grund auf sauber aufgebaut. Innerhalb kurzer Zeit kamen planbar qualifizierte Leads und Termine in unser Tech-Startup, statt Zufall und Bauchgefühl. Wir arbeiten inzwischen langfristig zusammen, weil das System nicht nur einmal liefert, sondern mit uns mitwächst.<!-- -->“</p></div></div><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Andre_S_1777455968610-ByNbO1Ym.jpg" alt="Portrait André Steinbrecher" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">André Steinbrecher</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, nord-e</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Ich bin beeindruckt von der Professionalität, Kreativität und dem technischen 
74Know-how, welches sie in unser Projekt eingebracht haben. Die Investition hat sich definitiv gelohnt.<!-- -->“</p></div></div><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Jochen_B_1777455968609-WGfE4eYo.jpeg" alt="Portrait Jochen Barg" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Jochen Barg</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">b-it barg GmbH</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Man merkt sofort, hier steckt Expertise und Herzblut drin. Vom ersten Gespräch an war die Zusammenarbeit vertrauensvoll, strukturiert und auf Augenhöhe.<!-- -->“</p></div></div><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Jochen_H_1777455968610-Cos8-hPt.jpeg" alt="Portrait Jochen Heisig" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Jochen Heisig</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, Zielvest</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Wir wollten unsere Webpräsenz überarbeiten und die Jungs von Percival haben das schnell und professionell erledigt. Bestnote in allen Bereichen!<!-- -->“</p></div></div><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Tim_S_1777455968610-DGnEFsgp.jpeg" alt="Portrait Tim Schröder" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Tim Schröder</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">Gründer, LOFT</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Jung, sympathisch, kompetent und engagiert. Für jemanden der Bock hat Gas zu geben, definitiv der richtige Partner.<!-- -->“</p></div></div><div class="rounded-2xl border p-7 md:p-8 transition-all hover:-translate-y-0.5 flex flex-col relative overflow-hidden " style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative flex flex-col h-full"><div class="flex items-center gap-3 mb-5"><img src="/assets/Shonela_G_1777455968609-CPjbuarA.jpeg" alt="Portrait Shonela Grabowski" loading="lazy" class="w-12 h-12 rounded-full object-cover border shrink-0" style="border-color:rgba(255, 255, 255, 0.10)"/><div class="min-w-0"><div class="text-sm font-semibold text-white leading-tight truncate">Shonela Grabowski</div><div class="text-xs text-[#B8B5D1] leading-tight truncate">CEO, Salesation &amp; Partner</div></div></div><p class="text-sm md:text-[15px] text-white/90 leading-relaxed flex-grow">„<!-- -->Hammer Jungs! Wissen, was sie machen, und sind sehr engagiert. Würde ich immer empfehlen!<!-- -->“</p></div></div></div><div class="mt-14 flex justify-center"><button class="btn-primary-violet text-base">Ich will ein System, das planbar kaufkräftige Kunden bringt</button></div></div></section><section id="team" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-16" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Unser Team</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight">Die Köpfe hinter Percival</h2><p class="text-base md:text-lg text-[#B8B5D1] max-w-2xl mt-5 leading-relaxed">Ein kleines, fokussiertes Team aus Strategie, Tech und Sales, kein Abteilungs-Ping-Pong, sondern direkte Ansprechpartner über das gesamte Projekt.</p></div><div class="grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8"><div class="group rounded-2xl p-5 md:p-6 hover:-translate-y-0.5 transition-all duration-300 border" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="relative aspect-square w-full mb-5 overflow-hidden rounded-xl bg-white/[0.04] ring-1 ring-white/10"><img src="/assets/Tim_Will_CEO_Percival_Media_3_1777454558580-UMbBUVmM.png" alt="Portrait Tim Will" loading="lazy" style="object-position:center 8
74%;transform:scale(1.35);transform-origin:center" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]"/><div class="absolute inset-0 bg-gradient-to-t from-[#0C021C]/60 via-transparent to-transparent pointer-events-none"></div></div><div><h3 class="text-base md:text-lg font-semibold text-[#F5F3FF] tracking-tight">Tim Will</h3><p class="text-sm text-[#A78BFA] mt-1 font-medium">Gründer / Geschäftsführer</p><a href="https://www.linkedin.com/in/timwill/" target="_blank" rel="noopener noreferrer" class="mt-4 inline-flex items-center justify-center gap-2 w-full text-xs md:text-sm font-medium py-2 px-3 rounded-lg text-white transition-colors" style="background-color:#0A66C2" aria-label="Tim Will auf LinkedIn vernetzen"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.063 2.063 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg><span>Auf LinkedIn vernetzen</span></a></div></div><div class="group rounded-2xl p-5 md:p-6 hover:-translate-y-0.5 transition-all duration-300 border" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="relative aspect-square w-full mb-5 overflow-hidden rounded-xl bg-white/[0.04] ring-1 ring-white/10"><img src="/assets/1708789020242_1777454878072-DI45cOSD.jpeg" alt="Portrait Sven Tamm" loading="lazy" style="object-position:center 25%;transform:scale(1.2);transform-origin:center" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]"/><div class="absolute inset-0 bg-gradient-to-t from-[#0C021C]/60 via-trans
74parent to-transparent pointer-events-none"></div></div><div><h3 class="text-base md:text-lg font-semibold text-[#F5F3FF] tracking-tight">Sven Tamm</h3><p class="text-sm text-[#A78BFA] mt-1 font-medium">Gründer / Geschäftsführer</p><a href="https://www.linkedin.com/in/sventamm/" target="_blank" rel="noopener noreferrer" class="mt-4 inline-flex items-center justify-center gap-2 w-full text-xs md:text-sm font-medium py-2 px-3 rounded-lg text-white transition-colors" style="background-color:#0A66C2" aria-label="Sven Tamm auf LinkedIn vernetzen"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.063 2.063 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg><span>Auf LinkedIn vernetzen</span></a></div></div><div class="group rounded-2xl p-5 md:p-6 hover:-translate-y-0.5 transition-all duration-300 border" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="relative aspect-square w-full mb-5 overflow-hidden rounded-xl bg-white/[0.04] ring-1 ring-white/10"><img src="/assets/Download_1777454697037-Bh6ShAHs.jpeg" alt="Portrait Phillip Schmeling" loading="lazy" style="object-position:center 18%;transform:scale(1.5);transform-origin:center" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]"/><div class="absolute inset-0 bg-gradient-to-t from-[#0C021C]/60 via-trans
74parent to-transparent pointer-events-none"></div></div><div><h3 class="text-base md:text-lg font-semibold text-[#F5F3FF] tracking-tight">Phillip Schmeling</h3><p class="text-sm text-[#A78BFA] mt-1 font-medium">Sales Manager</p><a href="https://www.linkedin.com/in/phillipschmeling/" target="_blank" rel="noopener noreferrer" class="mt-4 inline-flex items-center justify-center gap-2 w-full text-xs md:text-sm font-medium py-2 px-3 rounded-lg text-white transition-colors" style="background-color:#0A66C2" aria-label="Phillip Schmeling auf LinkedIn vernetzen"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.063 2.063 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg><span>Auf LinkedIn vernetzen</span></a></div></div></div></div></section><section id="fit" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="max-w-3xl mb-16" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Kriterien zur Zusammenarbeit</p><h2 class="text-3xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight max-w-3xl">Für wen eine Zusammenarbeit Sinn erbgibt, und für wen nicht.</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-5xl"><div class="rounded-2xl border p-8 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.10);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="flex items-center gap-3 mb-6"><div class="w-11 h-11 rounded-xl border flex items-center justify-center" style="background:rgba(167, 139, 250, 0.14);border-color:rgba(255, 255, 255, 0.10);color:#A78BFA"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white">Sinnvoll, wenn …</h3></div><ul class="space-y-2.5"><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Ihr seid SaaS- oder IT-Dienstleister</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Ihr verkauft hochpreisige B2B-Angebote</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>10–250 Mitarbeitende</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Bereits Kunden und Marktvalidierung vorhanden</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Ihr wollt unabhängiger von Empfehlungen werden</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>
74Ihr braucht mehr qualifizierte Erstgespräche</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Follow-up und CRM sind nicht sauber genug</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-check w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#A78BFA"><path d="M20 6 9 17l-5-5"></path></svg><span>Ihr wollt einen wiederholbaren Akquise- und Vertriebsprozess</span></li></ul></div></div><div class="rounded-2xl border p-8 md:p-9 transition-all hover:-translate-y-0.5 relative overflow-hidden" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255,255,255,0.20);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.28)"></div><div class="relative"><div class="flex items-center gap-3 mb-6"><div class="w-11 h-11 rounded-xl border flex items-center justify-center" style="background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.20);color:#FFFFFF"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><h3 class="text-xl md:text-2xl font-semibold text-white">Nicht sinnvoll, wenn …</h3></div><ul class="space-y-2.5"><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-x w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#FFFFFF"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Ihr wollt nur schnelle LinkedIn-Posts</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-x w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#FFFFFF"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Ihr sucht ein billiges Leadpaket</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-x w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#FFFFFF"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Noch kein klares Angebot vorhanden</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-x w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#FFFFFF"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Keine Bereitschaft, interne Vertriebsprozesse anzupassen</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-x w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#FFFFFF"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Erwartung an Wunderzahlen ohne Umsetzung</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-x w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#FFFFFF"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Reichweite statt qualifizierter Gespräche im Fokus</span></li><li class="flex items-start text-[#CDCBE0] text-sm leading-relaxed"><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-x w-4 h-4 mr-3 mt-0.5 shrink-0" aria-hidden="true" style="color:#FFFFFF"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Jeden Zielkunden annehmen wollen</span></li></ul></div></div></div></div></section><section id="audit" class="section-fit relative overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[700px] h-[380px] bg-[#7C5CFF]/8 blur-[120px] pointer-events-none -z-0"></div><div class="container mx-auto px-4 md:px-6 max-w-[1200px] relative z-10"><div class="rounded-3xl border overflow-hidden grid grid-cols-1 lg:grid-cols-[minmax(280px,420px)_1fr]" style="background-color:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.12);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.35);opacity:0;transform:translateY(24px)"><div class="relative h-[320px] sm:h-[420px] lg:h-auto overflow-hidden"><div class="absolute inset-0 opacity-[0.10] select-none pointer-events-none" aria-hidden="true" style="background:repeating-linear-gradient(-25deg, transparent 0 36px, rgba(255,255,255,0.0) 36px 72px)"><div class="w-full h-full flex flex-col justify-center text-white text-2xl md:text-3xl font-semibold tracking-tight whitespace-nowrap" style="transform:rotate(-18deg) 
74scale(1.6);transform-origin:center;line-height:1.6"><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div><div class="px-4">Percival Percival Percival Percival</div></div></div><img src="/assets/Tim_Will_CEO_Percival_Media_3_1777454558580-UMbBUVmM.png" alt="Tim, Co-Founder Percival" class="relative w-full h-full object-cover object-center" style="transform:scaleX(-1)" loading="lazy"/><div class="absolute inset-0 bg-gradient-to-r from-transparent via-transparent to-[#150E3F]/60 pointer-events-none lg:block hidden"></div><div class="absolute inset-0 bg-gradient-to-t from-[#150E3F]/70 via-transparent to-transparent pointer-events-none lg:hidden"></div></div><div class="p-8 md:p-12 lg:p-14 relative"><div class="pointer-events-none absolute -top-32 -right-32 w-56 h-56 rounded-full opacity-15 blur-2xl" style="background:rgba(124, 92, 255, 0.35)"></div><div class="relative"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Erstgespräch</p><h2 class="text-2xl md:text-4xl font-semibold text-[#F5F3FF] tracking-tight mb-7 leading-tight">Finde heraus, warum eure Kundengewinnung noch nicht planbar genug ist.</h2><ul class="space-y-3.5 mb-8"><li class="flex items-start gap-3 text-[#CDCBE0]"><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-circle-check w-5 h-5 text-[#A78BFA] mt-0.5 shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm md:text-[15px] leading-relaxed">20–30 Minuten konkret zu eurer Akquise- und Vertriebslogik.</span></li><li class="flex items-start gap-3 text-[#CDCBE0]"><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-circle-check w-5 h-5 text-[#A78BFA] mt-0.5 shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm md:text-[15px] leading-relaxed">Klare Reibungspunkte und ein realistischer nächster Hebel.</span></li><li class="flex items-start gap-3 text-[#CDCBE0]"><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-circle-check w-5 h-5 text-[#A78BFA] mt-0.5 shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm md:text-[15px] leading-relaxed">Keine Verpflichtung, kein Leadpaket, keine KI-Vertriebler.</span></li></ul><button class="btn-primary-violet text-sm md:text-base">Kundengewinnungssystem prüfen lassen</button><p class="text-xs md:text-sm text-[#B8B5D1]/80 mt-5">20–30 Minuten  •  Ohne Verkaufsdruck</p></div></div></div></div></section><section id="faq" class="section-fit relative"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="grid grid-cols-1 lg:grid-cols-[minmax(280px,360px)_1fr] gap-10 md:gap-16 items-start"><div class="lg:sticky lg:top-24" style="opacity:0;transform:translateY(24px)"><p class="text-xs uppercase tracking-[0.25em] font-medium text-[#A78BFA] mb-5">Q&amp;A</p><h2 class="text-4xl md:text-5xl font-semibold text-[#F5F3FF] tracking-tight leading-[1.05]">Häufig<br/>Gestellte<br/>Fragen</h2><div class="mt-10 rounded-2xl border p-6" style="background-image:linear-gradient(155deg, #221963 0%, #150E3F 60%, #0F0A2D 100%);border-color:rgba(124, 92, 255, 0.30);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.4)"><h3 class="text-base font-semibold text-white mb-2">Noch Fragen offen?</h3><a href="mailto:[email protected]" class="text-sm font-medium text-[#A78BFA] hover:text-[#C4B5FD] transition-colors underline-offset-4 hover:underline break-all">[email protected]</a><p class="text-sm text-[#CDCBE0] mt-2">Schreib uns direkt, wir antworten in der Regel innerhalb eines Werktags.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="w-full" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="border-b border-white/10"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R16lq9»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R6lq9»" class="flex flex-1 items-center justify-between hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-base md:text-lg font-medium text-white hover:text-[#A78BFA] transition-colors py-6 [&amp;[data-state=open]&gt;svg]:text-[#A78BFA]" data-radix-collection-item=""><span class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-[#7C5CFF] mt-1 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>Ist Percival eine LinkedIn-Agentur?</span></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-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R16lq9»" hidden="" role="region" aria-labelledby="radix-«R6lq9»" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-white/10"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R1alq9»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Ralq9»" class="flex flex-1 items-center justify-between hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-base md:text-lg font-medium text-white hover:text-[#A78BFA] transition-colors py-6 [&amp;[data-state=open]&gt;svg]:text-[#A78BFA]" data-radix-collection-item=""><span class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-[#7C5CFF] mt-1 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>Geht es nur um mehr Leads?</span></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-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R1alq9»" hidden="" role="region" aria-labelledby="radix-«Ralq9»" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-white/10"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R1elq9»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Relq9»" class="flex flex-1 items-center justify-between hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-base md:text-lg font-medium text-white hover:text-[#A78BFA] transition-colors py-6 [&amp;[data-state=open]&gt;svg]:text-[#A78BFA]" data-radix-collection-item=""><span class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-[#7C5CFF] mt-1 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>Für wen ist das besonders geeignet?</span></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-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R1elq9»" hidden="" role="region" aria-labelledby="radix-«Relq9»" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-white/10"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R1ilq9»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Rilq9»" class="flex flex-1 items-center justify-between hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-base md:text-lg font-medium text-white hover:text-[#A78BFA] transition-colors py-6 [&amp;[data-state=open]&gt;svg]:text-[#A78BFA]" data-radix-collection-item=""><span class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-[#7C5CFF] mt-1 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>
74Welche Rolle spielt KI?</span></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-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R1ilq9»" hidden="" role="region" aria-labelledby="radix-«Rilq9»" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-white/10"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R1mlq9»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Rmlq9»" class="flex flex-1 items-center justify-between hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-base md:text-lg font-medium text-white hover:text-[#A78BFA] transition-colors py-6 [&amp;[data-state=open]&gt;svg]:text-[#A78BFA]" data-radix-collection-item=""><span class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-[#7C5CFF] mt-1 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>Wie schnell sieht man Ergebnisse?</span></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-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R1mlq9»" hidden="" role="region" aria-labelledby="radix-«Rmlq9»" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-white/10"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R1qlq9»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Rqlq9»" class="flex flex-1 items-center justify-between hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-base md:text-lg font-medium text-white hover:text-[#A78BFA] transition-colors py-6 [&amp;[data-state=open]&gt;svg]:text-[#A78BFA]" data-radix-collection-item=""><span class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-[#7C5CFF] mt-1 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>Was kostet die Zusammenarbeit?</span></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-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R1qlq9»" hidden="" role="region" aria-labelledby="radix-«Rqlq9»" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-white/10"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R1ulq9»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Rulq9»" class="flex flex-1 items-center justify-between hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-base md:text-lg font-medium text-white hover:text-[#A78BFA] transition-colors py-6 [&amp;[data-state=open]&gt;svg]:text-[#A78BFA]" data-radix-collection-item=""><span class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-[#7C5CFF] mt-1 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>
74Was bekommen wir im Erstgespräch?</span></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-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R1ulq9»" hidden="" role="region" aria-labelledby="radix-«Rulq9»" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></div></section></main><footer class="border-t border-white/10 bg-[#0C021C] pt-20 pb-10 relative z-10"><div class="container mx-auto px-4 md:px-6 max-w-[1200px]"><div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-16"><div class="md:col-span-2"><a href="#" class="flex items-center gap-2.5 text-2xl font-semibold tracking-tight text-white mb-4"><img src="/assets/Markenzeichen_512x512_Dark_BG_1777447245683-DrWOaUJf.png" alt="Percival Knight" class="w-8 h-8 shrink-0 rounded-md"/><span>Percival</span></a><p class="text-[#B8B5D1] text-sm max-w-sm leading-relaxed">Planbare Hochpreis-Kundengewinnung für SaaS- &amp; IT-Dienstleister. Positionierung, Leadgewinnung und Vertriebsprozess als ein System.</p></div><div><h4 class="text-white font-medium mb-5 text-sm uppercase tracking-[0.2em] text-[#A78BFA]">Navigation</h4><ul class="space-y-2.5"><li><a href="#system" class="text-sm text-[#B8B5D1] hover:text-[#A78BFA] transition-colors">System</a></li><li><a href="#use-cases" class="text-sm text-[#B8B5D1] hover:text-[#A78BFA] transition-colors">Hebel</a></li><li><a href="#angebote" class="text-sm text-[#B8B5D1] hover:text-[#A78BFA] transition-colors">Pakete</a></li><li><a href="#ablauf" class="text-sm text-[#B8B5D1] hover:text-[#A78BFA] transition-colors">Ablauf</a></li></ul></div><div><h4 class="text-white font-medium mb-5 text-sm uppercase tracking-[0.2em] text-[#A78BFA]">Mehr</h4><ul class="space-y-2.5"><li><a href="/partner-werden" class="text-sm text-[#B8B5D1] hover:text-[#A78BFA] transition-colors">Partner werden</a></li><li><a href="mailto:[email protected]" class="text-sm text-[#B8B5D1] hover:text-[#A78BFA] transition-colors">[email protected]</a></li><li><a href="https://www.linkedin.com/in/timwill/" target="_blank" rel="noopener noreferrer" class="text-sm text-[#B8B5D1] hover:text-[#A78BFA] transition-colors">Auf LinkedIn kontaktieren</a></li></ul></div></div><div class="border-t border-white/10 pt-8 flex flex-col md:flex-row items-center justify-between gap-4"><p class="text-sm text-[#B8B5D1]/70">© <!-- -->2026<!-- --> Percival Media. Alle Rechte vorbehalten.</p><div class="flex items-center gap-6"><a href="/impressum" class="text-sm text-[#B8B5D1]/70 hover:text-[#A78BFA] transition-colors">Impressum</a><a href="/datenschutz" class="text-sm text-[#B8B5D1]/70 hover:text-[#A78BFA] transition-colors">Datenschutz</a><button type="button" class="text-sm text-[#B8B5D1]/70 hover:text-[#A78BFA] transition-colors">Cookie-Einstellungen</button></div></div></div></footer></div></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div></div>
75  </body>
76</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.