https://rekali.de/

1<!doctype html>
2<html lang="de">
3<head>
4<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
5<title>rekali. – Klarer denken. Sichtbarer werden.</title>
6<meta name="description" content="Sparring und echte Geschichten für Unternehmer, Handwerk und KMU – mit Massimiliano Klawonn.">
7<style>
8:root{--bg:#0b0b0b;--card:#151515;--text:#f4f1ea;--muted:#aaa69e;--line:#2a2a2a;--accent:#f4f1ea}
9*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(680px,calc(100% - 32px));margin:auto;padding:52px 0 32px}.portrait{width:112px;height:112px;object-fit:cover;object-position:center 35%;border-radius:50%;border:2px solid #2a2a2a;margin:34px 0 2px;display:block}.brand{font-size:1.2rem;font-weight:800;letter-spacing:-.03em}.hero{padding:28px 0 32px}.eyebrow{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.hero h1{font-size:clamp(3rem,11vw,5.4rem);line-height:.91;letter-spacing:-.065em;margin:14px 0 22px}.hero p{font-size:1.15rem;color:#d1cec7;max-width:590px;margin:0}.person{margin-top:22px;color:var(--muted);font-size:.95rem}.section{margin-top:42px}.section h2{font-size:1.05rem;margin:0 0 14px}.links{display:grid;gap:12px}.link{display:block;padding:20px 21px;background:var(--card);border:1px solid var(--line);border-radius:16px;color:var(--text);text-decoration:none;transition:.18s ease}.link:hover{transform:translateY(-2px);border-color:#555}.link strong{display:flex;justify-content:space-between;gap:12px;font-size:1.08rem}.link span{display:block;color:var(--muted);font-size:.91rem;margin-top:4px}.primary{background:var(--text);color:#0b0b0b;border-color:var(--text)}.primary span{color:#555}.quote{margin:46px 0;padding:26px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.35rem;letter-spacing:-.02em}.contact{text-align:center;padding:48px 0 26px}.contact h2{font-size:2rem;letter-spacing:-.04em;margin:0 0 8px}.contact p{color:var(--muted);margin:0 0 20px}.mail{display:inline-block;padding:14px 20px;border-radius:999px;background:var(--text);color:#111;text-decoration:none;font-weight:700}.status{font-size:.72rem;color:#777;margin:36px 0 14px}.footer{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:#777}.footer a{color:#999}.modal{display:none;position:fixed;inset:0;background:#000d;padding:20px;overflow:auto}.modal:target{display:block}.modalbox{max-width:720px;margin:30px auto;background:#111;padding:28px;border-radius:18px;border:1px solid #333}.modalbox h2{margin-top:0}.modalbox p{color:#ccc}.close{float:right;color:#fff;text-decoration:none;font-size:1.5rem}@media(max-width:520px){.wrap{padding-top:30px}.hero{padding-top:42px}.hero h1{font-size:3.6rem}.link{padding:18px}}
10</style>
11</head>
12<body>
13<main class="wrap">
14  <div class="brand">rekali.</div>
15  <img class="portrait" src="massimiliano.jpg" alt="Massimiliano Klawonn">
16  <section class="hero">
17    <div class="eyebrow">Massimiliano Klawonn · Idstein im Taunus</div>
18    <h1>Klarer denken.<br>Sichtbarer werden.</h1>
19    <p>Ich bin Sparringspartner für Unternehmer – und mache echte Menschen, Betriebe und ihre Geschichten sichtbar. Ohne Agentur-Blabla. Ohne Hochglanz-Inszenierung.</p>
20    <div class="person">Informatiker · Unternehmer · Sparringspartner · Content-Mensch</div>
21  </section>
22
23  <section class="section">
24    <div class="eyebrow">Was kann ich für dich tun?</div>
25    <div class="links" style="margin-top:14px">
26      <a class="link primary" href="#" data-email-link data-email-subject="Sparring%20mit%20Massimiliano"><strong>Sparring für Unternehmer <b>→</b></strong><span>Gedanken sortieren, Entscheidungen schärfen, Klarheit gewinnen.</span></a>
27      <a class="link" href="#" data-email-link data-email-subject="Erz%C3%A4hl%20meine%20Geschichte"><strong>Erzähl deine Geschichte <b>→</b></strong><span>Video, Reels, Reportage oder Podcast – direkt bei euch vor Ort.</span></a>
28    </div>
29  </section>
30
31  <section class="section">
32    <div class="eyebrow">

32Folgen · Hören · Sehen</div>
33    <div class="links" style="margin-top:14px">
34      <a class="link" href="https://www.instagram.com/massimiliano_klawonn/" target="_blank" rel="noopener"><strong>Instagram <b>↗</b></strong><span>Was ich vor Ort erlebe.</span></a>
35      <a class="link" href="https://www.linkedin.com/in/massimiliano-klawonn" target="_blank" rel="noopener"><strong>LinkedIn <b>↗</b></strong><span>Was ich über Arbeit, Führung und Unternehmertum denke.</span></a>
36      <a class="link" href="https://open.spotify.com/show/6zTkY6Mmt6f7pkTg4XJNNF" target="_blank" rel="noopener"><strong>Drachen-Talk <b>↗</b></strong><span>Der Handwerker-Podcast mit Christian Graßmann.</span></a>
37      <a class="link" href="https://open.spotify.com/show/0pNtrzDZgVk4m0TKOOkf3c" target="_blank" rel="noopener"><strong>Business ohne Maske <b>↗</b></strong><span>Ungeschminkte Wahrheiten aus der Arbeitswelt.</span></a>
38    </div>
39  </section>
40
41  <div class="quote">„Eigentlich beginnt alles mit einem guten Gespräch.“</div>
42
43  <section class="contact">
44    <h2>Lass uns reden.</h2>
45    <p>Kein Pitch. Kein Formular-Marathon. Schreib mir einfach.</p>
46    <a class="mail" href="#" data-email-link><span data-email-text>E-Mail</span></a>
47  </section>
48
49  <div class="status">rekali ist aktuell ein privates Initiativ- und Entwicklungsprojekt. Konzeptionsphase bis Ende 2026 · offizieller Start geplant für Januar 2027.</div>
50  <footer class="footer"><span>© 2026 Massimiliano Klawonn · rekali.</span><a href="#impressum">Impressum</a><a href="#datenschutz">Datenschutz</a><a href="/drehfreigabe/">Drehfreigabe</a><span>Cloudflare Pages · cookie-frei</span></footer>
51</main>
52
53<section id="impressum" class="modal"><div class="modalbox"><a class="close" href="#">×</a><h2>Impressum</h2><p><strong>Angaben gemäß § 5 DDG</strong><br>Massimiliano Klawonn<br>Untergasse 32a<br>65510 Idstein<br>Deutschland</p><p><strong>Kontakt</strong><br>E-Mail: <span data-email-text>E-Mail</span><br>Internet: rekali.de</p><p><strong>Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV</strong><br>Massimiliano Klawonn<br>Untergasse 32a<br>65510 Idstein</p><p>Ich bin nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p></div></section>
54<section id="datenschutz" class="modal"><div class="modalbox"><a class="close" href="#">×</a><h2>Datenschutz</h2><p>Diese Website setzt keine Tracking-Cookies, Analyse-Tools oder Werbebanner ein.</p><p><strong>Verantwortliche Stelle</strong><br>Massimiliano Klawonn<br>Untergasse 32a, 65510 Idstein<br>E-Mail: <span data-email-text>E-Mail</span></p><p><strong>Hosting</strong><br>Die Website wird über Cloudflare Pages als statische Website gehostet. Beim Aufruf können technisch erforderliche Server-Log-Daten verarbeitet werden, um Sicherheit und Stabilität zu gewährleisten.</p><p><strong>Kontaktaufnahme</strong><br>Bei Kontakt per E-Mail werden die übermittelten Angaben ausschließlich zur Bearbeitung der Anfrage verwendet.</p><p><strong>Deine Rechte</strong><br>Es bestehen insbesondere Rechte auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung und Widerspruch nach Maßgabe der DSGVO.</p></div></section>

55<script>
56(() => {
57  const mailbox = ['kon', 'takt'].join('');
58  const domain = ['re', 'kali'].join('');
59  const address = mailbox + String.fromCharCode(64) + domain + '.' + 'de';
60  document.querySelectorAll('[data-email-text]').forEach(element => {
61    element.textContent = address;
62  });
63  document.querySelectorAll('[data-email-link]').forEach(link => {
64    const subject = link.getAttribute('data-email-subject');
65    link.href = 'mailto:' + address + (subject ? '?subject=' + subject : '');
66  });
67})();
68</script>

68

69<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"0064694296354e7b9537bc54eb193d35","r":1,"spa":2}' crossorigin="anonymous"></script>

69
70</body></html>