477 lines
45 KiB
HTML
477 lines
45 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Mitarbeiterpuls — Der PULS deines Unternehmens in 30 Sekunden | KI-gestütztes Mitarbeiter-Feedback für KMU</title>
|
||
<meta name="description" content="Mitarbeiterpuls gibt Geschäftsführern von KMUs mit 10–150 Mitarbeitenden ein KI-gestütztes Echtzeit-Dashboard für Mitarbeiter-Engagement, Stresslevel und Fluktuationsrisiko. 30 Sekunden Feedback, sofortige Insights. Von Onyva.">
|
||
<meta name="keywords" content="Mitarbeiterbefragung, Pulse Survey, KMU, Mitarbeiter-Engagement, Fluktuation senken, HR-Tool, Pulsbefragung, CEO Dashboard, Mitarbeiterzufriedenheit, KI HR">
|
||
<meta property="og:title" content="Mitarbeiterpuls — Der PULS deines Unternehmens in 30 Sekunden">
|
||
<meta property="og:description" content="5 KPIs. 30 Sekunden Feedback. KI-Insights in Echtzeit. Das Mitarbeiter-Feedback-Tool, das Geschäftsführer wirklich nutzen.">
|
||
<meta property="og:type" content="website">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||
<style>
|
||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
|
||
body{font-family:'Manrope',sans-serif;background:#090B10;color:#C0C5D6;line-height:1.7;overflow-x:hidden}
|
||
a{color:inherit;text-decoration:none}
|
||
:root{
|
||
--bg:#07090F;--surface:#0F131C;--card:#141922;--border:#202635;--border-light:#2B3345;
|
||
--text:#EEF2F8;--text-soft:#C9D0DE;--text-muted:#8A93A9;--text-dim:#566077;
|
||
--accent:#FF6B2B;--accent-light:#FF8F5E;--accent-glow:rgba(255,107,43,0.14);
|
||
--green:#00D68F;--green-glow:rgba(0,214,143,0.08);--yellow:#FFAA00;--red:#FF6B6B;
|
||
--mono:'JetBrains Mono',monospace;--serif:'Manrope',sans-serif;
|
||
--shadow-soft:0 18px 48px rgba(0,0,0,.28);--shadow-accent:0 10px 30px rgba(255,107,43,.18);
|
||
--r:22px;--r-sm:18px;--r-lg:30px;--r-pill:999px}
|
||
.ctr{max-width:1140px;margin:0 auto;padding:0 28px}
|
||
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:700;font-size:15px;border-radius:var(--r-pill);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:none}
|
||
.bp{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;padding:17px 34px;box-shadow:var(--shadow-accent),inset 0 1px 0 rgba(255,255,255,.08)}
|
||
.bp:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,107,43,.26),inset 0 1px 0 rgba(255,255,255,.12);filter:saturate(1.05)}
|
||
.bs{background:rgba(255,255,255,.02);color:var(--text);padding:17px 34px;border:1px solid var(--border-light);backdrop-filter:blur(8px)}
|
||
.bs:hover{border-color:rgba(255,143,94,.55);color:var(--text);background:rgba(255,107,43,.08);transform:translateY(-2px)}
|
||
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
|
||
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,214,143,.4)}50%{box-shadow:0 0 0 8px rgba(0,214,143,0)}}
|
||
@keyframes orb1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-30px,20px) scale(.95)}}
|
||
@keyframes orb2{0%,100%{transform:translate(0,0)}33%{transform:translate(-30px,25px)}66%{transform:translate(25px,-20px)}}
|
||
.rv{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.rv.vis{opacity:1;transform:translateY(0)}
|
||
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
|
||
.sl{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
|
||
.st{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:800;color:var(--text);line-height:1.08;letter-spacing:-.04em;margin-bottom:20px}
|
||
.st em{font-style:normal;color:var(--accent-light)}
|
||
.ss{font-size:17px;color:var(--text-muted);max-width:600px;line-height:1.7;margin-bottom:48px}
|
||
|
||
/* WORDMARK */
|
||
.wm{font-family:"Avenir Next Rounded","Nunito","Manrope",sans-serif;font-weight:900;color:#F4F4F2;letter-spacing:-.03em;position:relative;display:inline-block;line-height:1;text-shadow:.015em .03em .03em rgba(0,0,0,.18),.03em .08em .12em rgba(0,0,0,.14),.05em .14em .25em rgba(0,0,0,.1)}
|
||
.wm .wd{position:absolute;width:.22em;height:.22em;border-radius:50%;background:#FF7A1A;box-shadow:0 0 .12em rgba(255,122,26,.95),0 0 .28em rgba(255,122,26,.72),0 0 .48em rgba(255,122,26,.38)}
|
||
|
||
/* NAV */
|
||
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .3s}
|
||
nav.sc{background:rgba(9,11,16,.82);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.18)}
|
||
nav .ctr{display:flex;justify-content:space-between;align-items:center}
|
||
.nl{display:flex;align-items:center;gap:12px}
|
||
.nli{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#FF8F5E);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:15px;font-weight:700;color:#fff}
|
||
.nlt{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text)}
|
||
.nk{display:flex;align-items:center;gap:32px}
|
||
.nk a{font-size:14px;font-weight:600;color:var(--text-muted);transition:color .2s}
|
||
.nk a:hover{color:var(--text)}
|
||
.nc{font-size:14px!important;padding:12px 24px!important;color:#fff!important}
|
||
|
||
/* HERO */
|
||
.hero{position:relative;padding:170px 0 110px;min-height:100vh;display:flex;align-items:center;overflow:hidden}
|
||
.hbg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
|
||
.ho1{position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,43,.18) 0%,transparent 68%);top:-12%;right:-6%;animation:orb1 22s ease-in-out infinite}
|
||
.ho2{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(0,214,143,.06) 0%,transparent 70%);bottom:-4%;left:-10%;animation:orb2 28s ease-in-out infinite}
|
||
.hgr{position:absolute;inset:0;background-image:linear-gradient(rgba(255,107,43,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,43,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent)}
|
||
.hero .ctr{position:relative;z-index:1;text-align:center}
|
||
.hb{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,43,.08);border:1px solid rgba(255,107,43,.18);padding:8px 18px 8px 10px;border-radius:var(--r-pill);margin-bottom:32px;animation:fadeUp .8s ease .2s both;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
|
||
.hbd{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s ease infinite}
|
||
.hb span{font-family:var(--mono);font-size:12px;color:var(--accent-light);font-weight:700;letter-spacing:.04em}
|
||
.hero h1{font-family:var(--serif);font-size:clamp(42px,6vw,78px);font-weight:800;color:var(--text);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px;animation:fadeUp .8s ease .3s both}
|
||
.hero h1 em{font-style:normal;color:var(--accent-light)}
|
||
.hsb{font-size:clamp(17px,2vw,20px);color:var(--text-muted);max-width:700px;margin:0 auto 44px;line-height:1.72;animation:fadeUp .8s ease .45s both}
|
||
.hcs{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;animation:fadeUp .8s ease .55s both}
|
||
.ht{margin-top:56px;animation:fadeUp .8s ease .7s both}
|
||
.ht p{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:16px}
|
||
.htl{display:flex;justify-content:center;align-items:center;gap:40px;opacity:.35}
|
||
.htlg{font-family:inherit;font-size:15px;font-weight:700;color:var(--text)}
|
||
|
||
/* STATS */
|
||
.sbar{padding:64px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0E1016}
|
||
.sbar .ctr{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
|
||
.stt{text-align:center}
|
||
.stn{font-family:var(--mono);font-size:clamp(36px,4vw,52px);font-weight:700;color:var(--text);line-height:1;letter-spacing:-.04em}
|
||
.stn span{color:var(--accent-light)}
|
||
.stl{font-size:14px;color:var(--text-muted);margin-top:8px}
|
||
.sts{font-size:11px;color:var(--text-dim);margin-top:4px;font-style:italic}
|
||
|
||
/* PROBLEM */
|
||
.prob{padding:120px 0}
|
||
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
|
||
.pc{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border:1px solid var(--border);border-radius:var(--r);padding:34px 30px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-soft)}
|
||
.pc:hover{border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.34)}
|
||
.pca{position:absolute;top:0;left:0;right:0;height:2px;opacity:.5}
|
||
.pci{font-size:28px;margin-bottom:16px}
|
||
.pc h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:10px}
|
||
.pc p{font-size:14px;color:var(--text-muted);line-height:1.65}
|
||
.pcs{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--red);margin-top:14px;display:inline-block;padding:4px 12px;border-radius:6px;background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.15)}
|
||
|
||
/* SOLUTION */
|
||
.sol{padding:120px 0;background:#0E1016;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
|
||
.solh{text-align:center;margin-bottom:72px}
|
||
.solh .ss{margin:0 auto}
|
||
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
|
||
.stp{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:42px 34px;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-soft)}
|
||
.stp:hover{border-color:rgba(255,107,43,.3);transform:translateY(-4px)}
|
||
.stpn{font-family:var(--mono);font-size:52px;font-weight:700;color:rgba(255,107,43,.15);line-height:1;margin-bottom:16px}
|
||
.stp h3{font-size:19px;font-weight:700;color:var(--text);margin-bottom:10px}
|
||
.stp p{font-size:14px;color:var(--text-muted);line-height:1.65}
|
||
.stpt{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--green);font-weight:700;margin-top:16px;padding:4px 12px;border-radius:6px;background:var(--green-glow);border:1px solid rgba(0,214,143,.15)}
|
||
|
||
/* FEATURES */
|
||
.feat{padding:120px 0}
|
||
.fh{text-align:center;margin-bottom:72px}
|
||
.fh .ss{margin:0 auto}
|
||
.fg{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
|
||
.fc{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border:1px solid var(--border);border-radius:var(--r);padding:36px 32px;display:flex;gap:20px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-soft)}
|
||
.fc:hover{border-color:var(--border-light);transform:translateY(-2px)}
|
||
.fic{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
|
||
.fc h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}
|
||
.fc p{font-size:14px;color:var(--text-muted);line-height:1.6}
|
||
|
||
/* PREVIEW */
|
||
.prev{padding:120px 0;background:#0E1016;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}
|
||
.prevh{text-align:center;margin-bottom:56px}
|
||
.prevh .ss{margin:0 auto}
|
||
.pmk{position:relative;max-width:960px;margin:0 auto;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--card);box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 120px rgba(255,107,43,.07)}
|
||
.ptb{display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border)}
|
||
.pdt{width:10px;height:10px;border-radius:50%}
|
||
.prc{padding:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
|
||
.pk{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px 16px;position:relative;overflow:hidden}
|
||
.pkb{position:absolute;top:0;left:0;right:0;height:2px}
|
||
.pkl{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
|
||
.pkv{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--text);line-height:1}
|
||
.pku{font-family:var(--mono);font-size:12px;color:var(--text-dim)}
|
||
.pkt{font-family:var(--mono);font-size:11px;font-weight:700;margin-top:8px}
|
||
.prb{padding:0 40px 40px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}
|
||
.pai{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}
|
||
.pat{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;display:flex;align-items:center;gap:6px}
|
||
.pac{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:8px;border-left:3px solid}
|
||
.pac p{font-size:11px;color:var(--text-muted);line-height:1.5}
|
||
.phi{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}
|
||
.phr{display:grid;grid-template-columns:80px repeat(4,1fr) 50px;gap:6px;padding:6px 0;border-bottom:1px solid rgba(26,30,44,.5);align-items:center}
|
||
.phr:last-child{border-bottom:none}
|
||
.phn{font-size:11px;font-weight:600;color:var(--text-soft)}
|
||
.phc{font-family:var(--mono);font-size:10px;font-weight:700;text-align:center;padding:3px 6px;border-radius:4px}
|
||
.phb{font-family:var(--mono);font-size:9px;font-weight:700;text-align:center;padding:2px 6px;border-radius:10px}
|
||
|
||
/* COMPARISON */
|
||
.comp{padding:120px 0}
|
||
.comph{text-align:center;margin-bottom:56px}
|
||
.comph .ss{margin:0 auto}
|
||
.ctbl{max-width:800px;margin:0 auto;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-soft);background:rgba(255,255,255,.01)}
|
||
.crow{display:grid;grid-template-columns:1fr 100px 100px;border-bottom:1px solid var(--border);align-items:center}
|
||
.crow:last-child{border-bottom:none}
|
||
.crow.hdr{background:var(--surface)}
|
||
.ccl{padding:16px 20px;font-size:14px}
|
||
.ccl:nth-child(2),.ccl:nth-child(3){text-align:center;font-family:var(--mono);font-size:13px;font-weight:700}
|
||
.chc{font-family:var(--mono)!important;font-size:11px!important;font-weight:700!important;color:var(--text-dim)!important;text-transform:uppercase;letter-spacing:.06em}
|
||
.ck{color:var(--green)}.cx{color:var(--text-dim)}
|
||
.chl{background:rgba(255,107,43,.04);border-left:2px solid var(--accent)}
|
||
|
||
/* PRICING */
|
||
.prc2{padding:120px 0;background:#0E1016;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
|
||
.prc2h{text-align:center;margin-bottom:56px}
|
||
.prc2h .ss{margin:0 auto}
|
||
.pcard{max-width:520px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border:1px solid rgba(255,107,43,.25);border-radius:34px;padding:48px 44px;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 70px rgba(255,107,43,.08),0 24px 60px rgba(0,0,0,.32)}
|
||
.pcg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 80%,rgba(255,107,43,.06) 0%,transparent 50%);pointer-events:none}
|
||
.pcb{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent-light);background:var(--accent-glow);border:1px solid rgba(255,107,43,.2);padding:4px 14px;border-radius:20px;margin-bottom:24px;position:relative;z-index:1}
|
||
.pam{position:relative;z-index:1}
|
||
.pcur{font-family:var(--mono);font-size:24px;color:var(--text-muted);vertical-align:super}
|
||
.pnum{font-family:var(--mono);font-size:72px;font-weight:700;color:var(--text);letter-spacing:-.04em;line-height:1}
|
||
.pper{font-size:16px;color:var(--text-muted);margin-top:4px}
|
||
.pcalc{font-family:var(--mono);font-size:13px;color:var(--text-dim);margin:20px 0 32px;position:relative;z-index:1}
|
||
.pfts{text-align:left;margin-bottom:36px;position:relative;z-index:1}
|
||
.pft{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-soft)}
|
||
.pft:last-child{border-bottom:none}
|
||
.pftc{color:var(--green);font-size:16px;flex-shrink:0}
|
||
.pcta{width:100%;justify-content:center;position:relative;z-index:1}
|
||
|
||
/* LEAD MAGNET */
|
||
.lm{padding:120px 0}
|
||
.lm .ctr{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
|
||
.lmv{position:relative}
|
||
.lmm{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:40px 32px;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}
|
||
.lmm::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--green))}
|
||
.lmmb{display:inline-flex;align-items:center;gap:6px;background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.2);padding:4px 12px;border-radius:20px;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--yellow);margin-bottom:20px}
|
||
.lmm h4{font-family:var(--serif);font-size:24px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.03em}
|
||
.lmm>p{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.6}
|
||
.lmps{display:flex;gap:8px}
|
||
.lmp{width:48px;height:64px;background:var(--surface);border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}
|
||
.lmp::after{content:'';position:absolute;top:8px;left:6px;right:6px;height:2px;background:var(--border-light);border-radius:1px;box-shadow:0 6px 0 var(--border-light),0 12px 0 var(--border-light),0 18px 0 var(--border-light)}
|
||
.lmc h3{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--text);line-height:1.12;margin-bottom:16px;letter-spacing:-.04em}
|
||
.lmc>p{font-size:16px;color:var(--text-muted);margin-bottom:24px;line-height:1.7}
|
||
.lmpts{list-style:none;margin-bottom:32px}
|
||
.lmpts li{display:flex;gap:12px;padding:8px 0;font-size:14px;color:var(--text-soft)}
|
||
.lmpts li::before{content:'\2192';color:var(--accent);font-weight:700;flex-shrink:0}
|
||
.lmf{display:flex;gap:10px}
|
||
.lmi{flex:1;padding:16px 20px;border-radius:var(--r-pill);border:1px solid var(--border);background:rgba(255,255,255,.02);color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
|
||
.lmi:focus{border-color:var(--accent);background:rgba(255,255,255,.03);box-shadow:0 0 0 4px rgba(255,107,43,.08)}
|
||
.lmi::placeholder{color:var(--text-dim)}
|
||
.lmn{font-size:11px;color:var(--text-dim);margin-top:10px}
|
||
|
||
/* TESTIMONIALS */
|
||
.tst{padding:120px 0;background:#0E1016;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
|
||
.tsth{text-align:center;margin-bottom:56px}
|
||
.tstg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
|
||
.tc{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border:1px solid var(--border);border-radius:var(--r);padding:32px 28px;transition:all .3s;box-shadow:var(--shadow-soft)}
|
||
.tc:hover{border-color:var(--border-light)}
|
||
.tcs{color:var(--yellow);font-size:14px;letter-spacing:2px;margin-bottom:16px}
|
||
.tcq{font-size:15px;color:var(--text-soft);line-height:1.7;margin-bottom:20px;font-style:italic}
|
||
.tca{display:flex;align-items:center;gap:12px}
|
||
.tcav{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px}
|
||
.tcan{font-size:14px;font-weight:600;color:var(--text)}
|
||
.tcar{font-size:12px;color:var(--text-dim)}
|
||
|
||
/* FAQ */
|
||
.faq{padding:120px 0}
|
||
.faqh{text-align:center;margin-bottom:56px}
|
||
.fql{max-width:720px;margin:0 auto}
|
||
.fqi{border:1px solid var(--border);border-radius:22px;overflow:hidden;padding:0 22px;margin-bottom:12px;background:rgba(255,255,255,.015);box-shadow:var(--shadow-soft)}
|
||
.fqq{width:100%;background:0;border:0;padding:24px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;color:var(--text);text-align:left}
|
||
.fqq:hover{color:var(--accent-light)}
|
||
.fqic{font-size:20px;color:var(--text-dim);transition:transform .3s;flex-shrink:0;margin-left:16px}
|
||
.fqi.op .fqic{transform:rotate(45deg);color:var(--accent)}
|
||
.fqa{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}
|
||
.fqi.op .fqa{max-height:300px}
|
||
.fqa p{padding:0 0 24px;font-size:14px;color:var(--text-muted);line-height:1.7}
|
||
|
||
/* FINAL CTA */
|
||
.fcta{padding:120px 0;text-align:center;position:relative;overflow:hidden}
|
||
.fctab{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(255,107,43,.08) 0%,transparent 70%);pointer-events:none}
|
||
.fcta .ctr{position:relative;z-index:1}
|
||
.fcta h2{font-family:var(--serif);font-size:clamp(32px,5vw,56px);font-weight:800;color:var(--text);line-height:1.08;letter-spacing:-.045em;margin-bottom:16px}
|
||
.fcta h2 em{font-style:normal;color:var(--accent-light)}
|
||
.fcta>div>.ss2{font-size:17px;color:var(--text-muted);max-width:540px;margin:0 auto 36px;line-height:1.65}
|
||
.fctacs{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
|
||
|
||
/* FOOTER */
|
||
footer{padding:48px 0 36px;border-top:1px solid var(--border)}
|
||
footer .ctr{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
|
||
.fb{display:flex;align-items:center;gap:10px}
|
||
.fbi{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#FF8F5E);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700;color:#fff}
|
||
.fbt{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text-muted)}
|
||
.flk{display:flex;gap:24px;font-size:13px;color:var(--text-dim)}
|
||
.flk a:hover{color:var(--text-muted)}
|
||
.foy{font-size:12px;color:var(--text-dim)}
|
||
.foy a{color:var(--accent);font-weight:600}
|
||
|
||
@media(max-width:900px){
|
||
.sbar .ctr{grid-template-columns:repeat(2,1fr)}
|
||
.pg,.sg,.tstg{grid-template-columns:1fr}
|
||
.fg{grid-template-columns:1fr}
|
||
.lm .ctr{grid-template-columns:1fr}
|
||
.prc{grid-template-columns:repeat(2,1fr)}
|
||
.prc .pk:last-child{grid-column:1/-1}
|
||
.prb{grid-template-columns:1fr}
|
||
.nk a:not(.nc){display:none}
|
||
}
|
||
@media(max-width:600px){
|
||
.sbar .ctr{grid-template-columns:1fr}
|
||
.hcs,.fctacs{flex-direction:column;align-items:center}
|
||
.lmf{flex-direction:column}
|
||
footer .ctr{flex-direction:column;text-align:center}
|
||
.prc{grid-template-columns:1fr}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<nav id="nav"><div class="ctr">
|
||
<a href="#" class="wm" style="font-size:16px">m<span style="position:relative;display:inline-block">ı<span class="wd" style="left:50%;top:-.06em;transform:translateX(-50%)"></span></span>tarbeiterpuls</a>
|
||
<div class="nk">
|
||
<a href="#problem">Warum</a><a href="#features">Features</a><a href="#pricing">Preise</a><a href="#faq">FAQ</a>
|
||
<a href="#demo" class="btn bp nc">Demo buchen</a>
|
||
</div>
|
||
</div></nav>
|
||
|
||
<section class="hero" id="hero">
|
||
<div class="hbg"><div class="ho1"></div><div class="ho2"></div><div class="hgr"></div></div>
|
||
<div class="ctr">
|
||
<div class="hb"><div class="hbd"></div><span>Jetzt verfügbar für KMUs mit 10–150 Mitarbeitenden</span></div>
|
||
<h1>Der PULS deines<br>Unternehmens in<br><em>30 Sekunden</em></h1>
|
||
<p class="hsb">Mitarbeiterpuls gibt Geschäftsführern das, was bisher nur Konzernen vorbehalten war: ein KI-gestütztes Echtzeit-Dashboard für Mitarbeiter-Engagement, Stresslevel und Fluktuationsrisiko. Ohne HR-Abteilung. Ohne Aufwand.</p>
|
||
<div class="hcs">
|
||
<a href="#demo" class="btn bp">Kostenlose Demo buchen →</a>
|
||
<a href="#leadmagnet" class="btn bs">Whitepaper herunterladen</a>
|
||
</div>
|
||
<div class="ht"><p>Vertraut von zukunftsorientierten Mittelständlern</p>
|
||
<div class="htl"><div class="htlg">TechVentures</div><div class="htlg">ScaleUp GmbH</div><div class="htlg">MittelstandDigital</div><div class="htlg">InnoWerk AG</div><div class="htlg">PrimeTeam</div></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="sbar"><div class="ctr">
|
||
<div class="stt rv"><div class="stn">43.000<span>€</span></div><div class="stl">Durchschnittliche Kosten pro Fluktuationsfall</div><div class="sts">Quelle: Kompetenz Center Mitarbeiterbindung</div></div>
|
||
<div class="stt rv d1"><div class="stn"><span>9</span>%</div><div class="stl">der Beschäftigten in DE sind wirklich engagiert</div><div class="sts">Quelle: Gallup Engagement Index 2024</div></div>
|
||
<div class="stt rv d2"><div class="stn">118<span>Mrd.</span></div><div class="stl">Euro volkswirtschaftliche Kosten durch Fluktuation p.a.</div><div class="sts">Quelle: Gallup Deutschland</div></div>
|
||
<div class="stt rv d3"><div class="stn"><span>59</span>%</div><div class="stl">weniger Kündigungswunsch durch hohes Engagement</div><div class="sts">Quelle: Gallup Global Workforce Report</div></div>
|
||
</div></section>
|
||
|
||
<section class="prob" id="problem"><div class="ctr">
|
||
<div class="sl rv">Das Problem</div>
|
||
<h2 class="st rv">Im Mittelstand fliegt die Stimmung<br><em>unter dem Radar</em></h2>
|
||
<p class="ss rv">Große Konzerne haben HR-Abteilungen, Engagement-Plattformen und People-Analytics-Teams. Mittelständler haben: ein Bauchgefühl. Und das reicht nicht mehr.</p>
|
||
<div class="pg">
|
||
<div class="pc rv"><div class="pca" style="background:var(--red)"></div><div class="pci">🔇</div><h3>Stille Kündigungen bleiben unsichtbar</h3><p>Mitarbeitende, die innerlich bereits gekündigt haben, zeigen es erst, wenn die Kündigung auf dem Tisch liegt. Dann ist es zu spät — und teuer.</p><div class="pcs">13% haben innerlich gekündigt</div></div>
|
||
<div class="pc rv d1"><div class="pca" style="background:var(--yellow)"></div><div class="pci">📊</div><h3>Jährliche Umfragen kommen zu spät</h3><p>Die klassische Mitarbeiterbefragung einmal im Jahr ist wie ein Blutbild alle 12 Monate: Wenn man das Ergebnis hat, ist die Krankheit längst chronisch.</p><div class="pcs">73% denken monatlich an Jobwechsel</div></div>
|
||
<div class="pc rv d2"><div class="pca" style="background:var(--accent)"></div><div class="pci">🏢</div><h3>Enterprise-Tools sind nichts für KMUs</h3><p>Leapsome, Peakon, Qualtrics — starke Tools, aber designed für Konzerne mit HR-Abteilungen. Als CEO eines KMU brauchen Sie etwas, das in 30 Sekunden funktioniert.</p><div class="pcs">Ab 8€/User/Monat + Setup</div></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="sol" id="solution"><div class="ctr">
|
||
<div class="solh"><div class="sl rv">Die Lösung</div><h2 class="st rv">So simpel wie ein <em>Daumen hoch</em></h2><p class="ss rv">Mitarbeiterpuls komprimiert das, was bei Konzernen Monate dauert, auf einen Ablauf, der kürzer ist als ein Kaffee holen.</p></div>
|
||
<div class="sg">
|
||
<div class="stp rv"><div class="stpn">01</div><h3>Mitarbeitende geben Feedback</h3><p>4 Fragen, 1–10 Skala, optional Freitext. Per E-Mail-Link, anonym, vom Smartphone. Kein Login, kein Aufwand.</p><div class="stpt">⏱ 30 Sekunden</div></div>
|
||
<div class="stp rv d1"><div class="stpn">02</div><h3>KI analysiert in Echtzeit</h3><p>Die Daten fließen sofort in 5 KPIs: Engagement, Fluktuation, Führung, Belastung und Energie. Unsere KI erkennt Muster und Risiken.</p><div class="stpt">⚡ Sofort</div></div>
|
||
<div class="stp rv d2"><div class="stpn">03</div><h3>CEO sieht den PULS</h3><p>Ein Dashboard. Fünf Ampeln. Ein PULS-Gesamtwert. KI-generierte Handlungsempfehlungen. Trend-Verläufe. Team-Heatmap. Alles auf einen Blick.</p><div class="stpt">📊 Ein Blick genügt</div></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="feat" id="features"><div class="ctr">
|
||
<div class="fh"><div class="sl rv">Features</div><h2 class="st rv">Alles, was ein CEO braucht.<br><em>Nichts, was er nicht braucht.</em></h2><p class="ss rv">Kein Feature-Bloat. Kein Consulting nötig. Mitarbeiterpuls konzentriert sich auf die 5 Kennzahlen, die den Unterschied machen.</p></div>
|
||
<div class="fg">
|
||
<div class="fc rv"><div class="fic" style="background:var(--green-glow)">🔥</div><div><h3>5 KPI-Ampelsystem + PULS</h3><p>Engagement, Fluktuation, Führung, Belastung, Energie — jeder KPI hat eine klare Ampel und einen 12-Wochen-Trend. Dazu der PULS als Gesamtwert.</p></div></div>
|
||
<div class="fc rv d1"><div class="fic" style="background:rgba(255,107,43,.1)">🤖</div><div><h3>KI-Handlungsempfehlungen</h3><p>Keine Zahlen ohne Kontext: Die KI priorisiert Maßnahmen und sagt Ihnen konkret, was Sie als nächstes tun sollten.</p></div></div>
|
||
<div class="fc rv d2"><div class="fic" style="background:rgba(255,170,0,.08)">📡</div><div><h3>Echtzeit-Dashboard für den Büro-Monitor</h3><p>Die öffentliche Ansicht zeigt dem Team den PULS live — und motiviert zur Teilnahme. Ohne sensible Daten.</p></div></div>
|
||
<div class="fc rv d3"><div class="fic" style="background:rgba(255,107,107,.08)">🚨</div><div><h3>Fluktuation-Frühwarnsystem</h3><p>Unsere KI erkennt Muster, die auf erhöhtes Fluktuationsrisiko hindeuten — bevor die Kündigung kommt.</p></div></div>
|
||
<div class="fc rv"><div class="fic" style="background:rgba(0,214,143,.08)">🔒</div><div><h3>100% Anonym & DSGVO-konform</h3><p>Kein Tracking, keine Rückverfolgung. Anonymität ist technisch garantiert — das schafft Vertrauen und ehrliches Feedback.</p></div></div>
|
||
<div class="fc rv d1"><div class="fic" style="background:rgba(255,107,43,.08)">📧</div><div><h3>Automatisierte Erinnerungen</h3><p>Mitarbeitende werden automatisch per E-Mail erinnert. Freitagnachmittag als natürlicher Reflexionspunkt. Null Admin-Aufwand.</p></div></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="prev" id="preview"><div class="ctr">
|
||
<div class="prevh"><div class="sl rv">Dashboard Preview</div><h2 class="st rv">Ihr neues <em>Cockpit</em></h2><p class="ss rv">Ein Blick genügt: Der PULS, 5 KPIs, Ampelsystem, Team-Heatmap und KI-Empfehlungen — alles auf einem Screen.</p></div>
|
||
<div class="pmk rv">
|
||
<div class="ptb"><div class="pdt" style="background:#FF6B6B"></div><div class="pdt" style="background:#FFAA00"></div><div class="pdt" style="background:#00D68F"></div><span style="margin-left:12px;font-family:var(--mono);font-size:11px;color:var(--text-dim)">mitarbeiterpuls — Dashboard</span></div>
|
||
<div class="prc">
|
||
<div class="pk"><div class="pkb" style="background:var(--green);opacity:.6"></div><div class="pkl">🔥 Engagement</div><div class="pkv">7.8<span class="pku">/10</span></div><div class="pkt" style="color:var(--green)">↑ 0.4</div></div>
|
||
<div class="pk"><div class="pkb" style="background:var(--yellow);opacity:.6"></div><div class="pkl">🚪 Fluktuation</div><div class="pkv">12<span class="pku">%</span></div><div class="pkt" style="color:var(--green)">↓ 2.1%</div></div>
|
||
<div class="pk"><div class="pkb" style="background:var(--green);opacity:.6"></div><div class="pkl">👤 Führung</div><div class="pkv">7.2<span class="pku">/10</span></div><div class="pkt" style="color:var(--green)">↑ 0.3</div></div>
|
||
<div class="pk"><div class="pkb" style="background:var(--yellow);opacity:.6"></div><div class="pkl">⚡ Belastung</div><div class="pkv">6.4<span class="pku">/10</span></div><div class="pkt" style="color:var(--red)">↑ 0.6</div></div>
|
||
<div class="pk"><div class="pkb" style="background:var(--green);opacity:.6"></div><div class="pkl">🚀 Energie</div><div class="pkv">7.5<span class="pku">/10</span></div><div class="pkt" style="color:var(--green)">↑ 0.2</div></div>
|
||
</div>
|
||
<div class="prb">
|
||
<div class="pai">
|
||
<div class="pat"><span style="display:inline-flex;width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,var(--accent),#FF8F5E);align-items:center;justify-content:center;font-size:9px;color:#fff">✦</span> KI-Empfehlungen</div>
|
||
<div class="pac" style="border-left-color:var(--red)"><p><strong style="color:var(--text)">Stresslevel steigt</strong> — Seit 4 Wochen steigend. Team-Lead-Gespräche empfohlen.</p></div>
|
||
<div class="pac" style="border-left-color:var(--yellow)"><p><strong style="color:var(--text)">Fluktuationsrisiko Ops</strong> — 3 von 10 MA im Risikobereich.</p></div>
|
||
<div class="pac" style="border-left-color:var(--green)"><p><strong style="color:var(--text)">Führung auf Allzeithoch</strong> — Coaching-Programm zeigt Wirkung.</p></div>
|
||
</div>
|
||
<div class="phi">
|
||
<div class="pat">Team-Übersicht</div>
|
||
<div class="phr" style="border-bottom:none;padding-bottom:0"><div style="font-size:9px;color:var(--text-dim);font-weight:700">TEAM</div><div style="font-size:9px;color:var(--text-dim);text-align:center;font-weight:700">ENG</div><div style="font-size:9px;color:var(--text-dim);text-align:center;font-weight:700">STRESS</div><div style="font-size:9px;color:var(--text-dim);text-align:center;font-weight:700">ENRG</div><div style="font-size:9px;color:var(--text-dim);text-align:center;font-weight:700">FHRG</div><div style="font-size:9px;color:var(--text-dim);text-align:center;font-weight:700">RISIKO</div></div>
|
||
<div class="phr"><div class="phn">Entwicklung</div><div class="phc" style="background:var(--green-glow);color:var(--green)">7.8</div><div class="phc" style="background:var(--green-glow);color:var(--green)">5.5</div><div class="phc" style="background:var(--green-glow);color:var(--green)">7.2</div><div class="phc" style="background:var(--green-glow);color:var(--green)">8.1</div><div class="phb" style="background:var(--green-glow);color:var(--green)">● Gut</div></div>
|
||
<div class="phr"><div class="phn">Vertrieb</div><div class="phc" style="background:var(--green-glow);color:var(--green)">7.1</div><div class="phc" style="background:rgba(255,170,0,.08);color:var(--yellow)">6.8</div><div class="phc" style="background:var(--green-glow);color:var(--green)">7.5</div><div class="phc" style="background:var(--green-glow);color:var(--green)">7.2</div><div class="phb" style="background:rgba(255,170,0,.08);color:var(--yellow)">● Mäßig</div></div>
|
||
<div class="phr"><div class="phn">Operations</div><div class="phc" style="background:rgba(255,170,0,.08);color:var(--yellow)">6.5</div><div class="phc" style="background:rgba(255,107,107,.08);color:var(--red)">7.2</div><div class="phc" style="background:rgba(255,107,107,.08);color:var(--red)">5.8</div><div class="phc" style="background:rgba(255,170,0,.08);color:var(--yellow)">6.9</div><div class="phb" style="background:rgba(255,107,107,.08);color:var(--red)">● Hoch</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="comp" id="comparison"><div class="ctr">
|
||
<div class="comph"><div class="sl rv">Vergleich</div><h2 class="st rv">Warum Mitarbeiterpuls <em>anders</em> ist</h2><p class="ss rv">Die großen Plattformen sind für Konzerne. Mitarbeiterpuls ist für Geschäftsführer, die 5 Minuten pro Woche haben.</p></div>
|
||
<div class="ctbl rv">
|
||
<div class="crow hdr"><div class="ccl chc"></div><div class="ccl chc chl" style="color:var(--accent)">Mitarbeiterpuls</div><div class="ccl chc">Enterprise</div></div>
|
||
<div class="crow"><div class="ccl">Setup-Zeit</div><div class="ccl chl"><span class="ck">5 Min.</span></div><div class="ccl"><span class="cx">2–6 Wochen</span></div></div>
|
||
<div class="crow"><div class="ccl">Feedback-Dauer Mitarbeiter</div><div class="ccl chl"><span class="ck">30 Sek.</span></div><div class="ccl"><span class="cx">5–15 Min.</span></div></div>
|
||
<div class="crow"><div class="ccl">HR-Abteilung nötig</div><div class="ccl chl"><span class="ck">Nein</span></div><div class="ccl"><span class="cx">Ja</span></div></div>
|
||
<div class="crow"><div class="ccl">KI-Handlungsempfehlungen</div><div class="ccl chl"><span class="ck">✓</span></div><div class="ccl"><span class="cx">Teilweise</span></div></div>
|
||
<div class="crow"><div class="ccl">Live-Monitor fürs Büro</div><div class="ccl chl"><span class="ck">✓</span></div><div class="ccl"><span class="cx">✕</span></div></div>
|
||
<div class="crow"><div class="ccl">Preis (50 MA)</div><div class="ccl chl"><span class="ck">200€/Mo</span></div><div class="ccl"><span class="cx">400–800€+</span></div></div>
|
||
<div class="crow"><div class="ccl">Zielgruppe</div><div class="ccl chl"><span class="ck">CEO direkt</span></div><div class="ccl"><span class="cx">HR-Teams</span></div></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="prc2" id="pricing"><div class="ctr">
|
||
<div class="prc2h"><div class="sl rv">Preise</div><h2 class="st rv">Ein Preis. <em>Keine Überraschungen.</em></h2><p class="ss rv">Günstiger als eine einzige Kündigung. Wertvoller als jede Jahresbefragung.</p></div>
|
||
<div class="pcard rv">
|
||
<div class="pcg"></div>
|
||
<div class="pcb">Starter · Für KMUs</div>
|
||
<div class="pam"><span class="pcur">€</span><span class="pnum">4</span></div>
|
||
<div class="pper">pro Mitarbeiter / Monat</div>
|
||
<div class="pcalc">50 Mitarbeitende × 4€ = 200€ / Monat</div>
|
||
<div class="pfts">
|
||
<div class="pft"><span class="pftc">✓</span> PULS-Gesamtwert + 5 KPIs mit Ampelsystem & Trendverlauf</div>
|
||
<div class="pft"><span class="pftc">✓</span> KI-Handlungsempfehlungen</div>
|
||
<div class="pft"><span class="pftc">✓</span> Anonymes Mitarbeiter-Feedback</div>
|
||
<div class="pft"><span class="pftc">✓</span> Team-Heatmap & Vergleich</div>
|
||
<div class="pft"><span class="pftc">✓</span> Live-Monitor für das Büro</div>
|
||
<div class="pft"><span class="pftc">✓</span> Automatische E-Mail-Erinnerungen</div>
|
||
<div class="pft"><span class="pftc">✓</span> DSGVO-konform, EU-Hosting</div>
|
||
<div class="pft"><span class="pftc">✓</span> Persönliches Onboarding & Support</div>
|
||
</div>
|
||
<a href="#demo" class="btn bp pcta">Kostenlose Demo vereinbaren →</a>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="lm" id="leadmagnet"><div class="ctr">
|
||
<div class="lmv rv">
|
||
<div class="lmm">
|
||
<div class="lmmb">📄 PDF · 15 Seiten</div>
|
||
<h4>Der KMU-Guide für Mitarbeiter-Engagement</h4>
|
||
<p>Warum 91% der deutschen Beschäftigten nicht engagiert sind — und was Geschäftsführer jetzt dagegen tun können.</p>
|
||
<div class="lmps"><div class="lmp"></div><div class="lmp" style="transform:rotate(2deg)"></div><div class="lmp" style="transform:rotate(4deg)"></div><div class="lmp" style="transform:rotate(6deg)"></div><div class="lmp" style="transform:rotate(8deg)"></div></div>
|
||
</div>
|
||
</div>
|
||
<div class="lmc rv d1">
|
||
<div class="sl">Kostenloses Whitepaper</div>
|
||
<h3>Die versteckten Kosten von Desengagement — und wie KMUs sie eliminieren</h3>
|
||
<p>15 Seiten mit aktuellen Zahlen, Praxisbeispielen und einer konkreten Roadmap für Geschäftsführer, die ihre besten Leute halten wollen.</p>
|
||
<ul class="lmpts">
|
||
<li>Aktuelle Gallup-Zahlen für Deutschland 2024/25 erklärt</li>
|
||
<li>Die wahren Kosten einer Kündigung (mit Rechenbeispiel für KMUs)</li>
|
||
<li>5 Frühwarnsignale, die auf stille Kündigungen hindeuten</li>
|
||
<li>Konkrete Sofortmaßnahmen ohne HR-Abteilung</li>
|
||
<li>Wie Mitarbeiterpuls diese Insights automatisiert</li>
|
||
</ul>
|
||
<form class="lmf" onsubmit="event.preventDefault();this.innerHTML='<div style=\'padding:14px;color:var(--green);font-weight:600\'>✓ Whitepaper wird an deine E-Mail gesendet!</div>'">
|
||
<input type="email" class="lmi" placeholder="Deine E-Mail-Adresse" required>
|
||
<button type="submit" class="btn bp" style="white-space:nowrap">Whitepaper senden</button>
|
||
</form>
|
||
<div class="lmn">Kein Spam, kein Abo. Du erhältst das PDF und optional 3 Follow-up E-Mails mit Praxis-Tipps.</div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="tst" id="testimonials"><div class="ctr">
|
||
<div class="tsth"><div class="sl rv">Stimmen</div><h2 class="st rv">Was Geschäftsführer <em>sagen</em></h2></div>
|
||
<div class="tstg">
|
||
<div class="tc rv"><div class="tcs">★★★★★</div><div class="tcq">„Wir hatten vorher null Daten über die Stimmung im Team. Mitarbeiterpuls hat uns die Augen geöffnet — und das Beste: Es hat genau eine Stunde gedauert, bis alles lief."</div><div class="tca"><div class="tcav">👨💼</div><div><div class="tcan">Markus W.</div><div class="tcar">Geschäftsführer, IT-Dienstleister (45 MA)</div></div></div></div>
|
||
<div class="tc rv d1"><div class="tcs">★★★★★</div><div class="tcq">„Die KI-Empfehlungen waren der Game-Changer. Ich wusste sofort, dass im Ops-Team etwas nicht stimmt — bevor jemand gekündigt hat. Das hat uns eine teure Neubesetzung erspart."</div><div class="tca"><div class="tcav">👩💼</div><div><div class="tcan">Sandra K.</div><div class="tcar">CEO, E-Commerce-Agentur (28 MA)</div></div></div></div>
|
||
<div class="tc rv d2"><div class="tcs">★★★★★</div><div class="tcq">„Das Dashboard im Eingangsbereich hat unsere Feedbackkultur verändert. Die Leute reden jetzt über den PULS wie über den Umsatz."</div><div class="tca"><div class="tcav">👨💻</div><div><div class="tcan">Thomas R.</div><div class="tcar">Gründer, SaaS-Startup (72 MA)</div></div></div></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="faq" id="faq"><div class="ctr">
|
||
<div class="faqh"><div class="sl rv">FAQ</div><h2 class="st rv">Häufig gestellte <em>Fragen</em></h2></div>
|
||
<div class="fql">
|
||
<div class="fqi rv"><button class="fqq" onclick="this.parentElement.classList.toggle('op')">Wie anonym ist das Feedback wirklich? <span class="fqic">+</span></button><div class="fqa"><p>Technisch garantiert anonym. Die Antworten werden ohne User-Bezug gespeichert. Es gibt keine Möglichkeit, einzelne Antworten auf Mitarbeitende zurückzuführen. Bei Teams unter 5 Personen werden Daten automatisch aggregiert.</p></div></div>
|
||
<div class="fqi rv"><button class="fqq" onclick="this.parentElement.classList.toggle('op')">Brauche ich eine HR-Abteilung? <span class="fqic">+</span></button><div class="fqa"><p>Nein. Mitarbeiterpuls ist für Geschäftsführer designed, die kein HR-Team haben. Setup dauert 5 Minuten, die wöchentliche Auswertung maximal 2 Minuten. Die KI sagt Ihnen direkt, was zu tun ist.</p></div></div>
|
||
<div class="fqi rv"><button class="fqq" onclick="this.parentElement.classList.toggle('op')">Nervt das die Mitarbeitenden nicht? <span class="fqic">+</span></button><div class="fqa"><p>30 Sekunden alle 2 Wochen — weniger als ein Kaffee holen. Die meisten empfinden es als Wertschätzung, regelmäßig gefragt zu werden. Besonders, wenn sie sehen, dass sich etwas verändert.</p></div></div>
|
||
<div class="fqi rv"><button class="fqq" onclick="this.parentElement.classList.toggle('op')">Ist Mitarbeiterpuls DSGVO-konform? <span class="fqic">+</span></button><div class="fqa"><p>Ja. Alle Daten in EU-Rechenzentren. Anonymisierung auf technischer Ebene. Wir verarbeiten keine personenbezogenen Daten im Feedback-Prozess. AV-Vertrag wird bereitgestellt.</p></div></div>
|
||
<div class="fqi rv"><button class="fqq" onclick="this.parentElement.classList.toggle('op')">Ab wie vielen Mitarbeitenden macht es Sinn? <span class="fqic">+</span></button><div class="fqa"><p>Ab 10 Mitarbeitenden. Optimal für 20–150 Mitarbeitende — groß genug für statistische Relevanz, klein genug, dass der CEO direkt handeln kann.</p></div></div>
|
||
<div class="fqi rv"><button class="fqq" onclick="this.parentElement.classList.toggle('op')">Kann ich Mitarbeiterpuls erstmal testen? <span class="fqic">+</span></button><div class="fqa"><p>Absolut. Kostenlose 30-Minuten-Demo, danach 30-tägige Testphase. Kein Risiko, keine Verpflichtung.</p></div></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="fcta" id="demo">
|
||
<div class="fctab"></div>
|
||
<div class="ctr">
|
||
<div class="sl rv">Bereit?</div>
|
||
<h2 class="rv">Verpassen Sie nicht den Moment,<br>in dem Ihr bester Mitarbeiter<br><em>innerlich kündigt.</em></h2>
|
||
<p class="rv" style="font-size:17px;color:var(--text-muted);max-width:540px;margin:0 auto 36px;line-height:1.65">30 Minuten Demo. Kein Verkaufsdruck. Wir zeigen Ihnen, wie Mitarbeiterpuls für Ihr Unternehmen aussehen würde.</p>
|
||
<div class="fctacs rv">
|
||
<a href="https://calendly.com/onyva" target="_blank" rel="noopener" class="btn bp" style="font-size:17px;padding:18px 40px">Jetzt Demo-Termin buchen →</a>
|
||
<a href="#leadmagnet" class="btn bs">Erstmal Whitepaper lesen</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer><div class="ctr">
|
||
<div class="wm" style="font-size:15px;color:#F4F4F2">m<span style="position:relative;display:inline-block">ı<span class="wd" style="left:50%;top:-.06em;transform:translateX(-50%)"></span></span>tarbeiterpuls</div>
|
||
<div class="flk"><a href="https://www.onyva.de/datenschutz" target="_blank">Datenschutz</a><a href="https://www.onyva.de/impressum" target="_blank">Impressum</a><a href="#">AV-Vertrag</a><a href="mailto:info@onyva.de">info@onyva.de</a></div>
|
||
<div class="foy">Ein Produkt von <a href="https://www.onyva.de" target="_blank" rel="noopener">Onyva</a> — KI-Agentur für Mittelstand</div>
|
||
</div></footer>
|
||
|
||
<script>
|
||
const nav=document.getElementById('nav');
|
||
window.addEventListener('scroll',()=>{nav.classList.toggle('sc',window.scrollY>60)});
|
||
const obs=new IntersectionObserver(e=>{e.forEach(x=>{if(x.isIntersecting){x.target.classList.add('vis');obs.unobserve(x.target)}})},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||
document.querySelectorAll('.rv').forEach(el=>obs.observe(el));
|
||
document.querySelectorAll('a[href^="#"]').forEach(a=>{a.addEventListener('click',e=>{e.preventDefault();const t=document.querySelector(a.getAttribute('href'));if(t)t.scrollIntoView({behavior:'smooth',block:'start'})})});
|
||
</script>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Mitarbeiterpuls","url":"https://mitarbeiterpuls.de","applicationCategory":"BusinessApplication","operatingSystem":"Web","description":"KI-gestütztes Echtzeit-Dashboard für Mitarbeiter-Engagement, Stresslevel und Fluktuationsrisiko. Für KMU-Geschäftsführer mit 10-150 Mitarbeitenden.","offers":{"@type":"Offer","price":"4","priceCurrency":"EUR"},"creator":{"@type":"Organization","name":"Onyva Innovation GmbH","url":"https://www.onyva.de"}}</script>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Wie anonym ist das Feedback bei Mitarbeiterpuls?","acceptedAnswer":{"@type":"Answer","text":"Technisch garantiert anonym. Antworten werden ohne User-Bezug gespeichert. Bei Teams unter 5 Personen werden Daten automatisch aggregiert."}},{"@type":"Question","name":"Brauche ich eine HR-Abteilung?","acceptedAnswer":{"@type":"Answer","text":"Nein. Mitarbeiterpuls ist für Geschäftsführer ohne HR-Team. Setup 5 Minuten, wöchentliche Auswertung 2 Minuten."}},{"@type":"Question","name":"Ist Mitarbeiterpuls DSGVO-konform?","acceptedAnswer":{"@type":"Answer","text":"Ja. EU-Hosting, technische Anonymisierung, AV-Vertrag wird bereitgestellt."}},{"@type":"Question","name":"Ab wie vielen Mitarbeitenden macht Mitarbeiterpuls Sinn?","acceptedAnswer":{"
|