Kevin Adametz
00796a35d5
Konsolidierter, bereinigter Stand der Wissensbasis (docs/). Frischer Wurzel-Commit, um urheberrechtlich problematische Volltexte aus der Historie zu entfernen (die bisherige Historie bestand aus einem einzigen Initial-Commit). Enthaltene Änderungen (vgl. docs/_Steuerung/CHANGELOG.md, 2026-05-29): - Copyright-Hygiene: 25 Volltext-/Übersetzungsdateien (Sharp 14 Kap., Wala 11 Kap.) entfernt; je Quelle _Fundstellen-Index.md als Provenienzbeleg; Quellnachweise + Steuerungsdateien angepasst. - Konsistenz-Korrekturen: Reichweite 000-013 (Scorecard-Regeln), Rule-ID MW-WK-DIFF-101, Quellnachweis-Dateiverweis, Dok.000 v2.0.2. - Dateinamen-Normalisierung: Startdatei ohne Leerzeichen. Originale (Wala/Sharp E-Books) privat außerhalb des Repos archiviert. Co-authored-by: Cursor <cursoragent@cursor.com>
204 lines
9.5 KiB
HTML
204 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Marke macht. – Wenn Klarheit Macht ist</title>
|
||
<meta name="description" content="Ein Denkrahmen für unternehmerische Klarheit. Marke ist kein Designprojekt. Marke ist ein Führungsinstrument.">
|
||
|
||
<!-- Fonts -->
|
||
<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=Outfit:wght@300;400;500;600;700&family=Source+Sans+3:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||
|
||
<link rel="stylesheet" href="styles.css">
|
||
</head>
|
||
<body>
|
||
<!-- Navigation -->
|
||
<nav class="nav" id="nav">
|
||
<div class="nav-container">
|
||
<a href="index.html" class="nav-logo">
|
||
<span class="logo-mark">MM</span>
|
||
</a>
|
||
<div class="nav-menu">
|
||
<a href="index.html" class="nav-link active">Start</a>
|
||
<a href="manifest.html" class="nav-link">Manifest</a>
|
||
<a href="methode.html" class="nav-link">Methode</a>
|
||
<a href="blog.html" class="nav-link">Denken</a>
|
||
<a href="#audit" class="nav-cta">Audit anfragen</a>
|
||
</div>
|
||
<button class="nav-toggle" id="navToggle" aria-label="Menü öffnen">
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Mobile Menu -->
|
||
<div class="nav-mobile" id="navMobile">
|
||
<a href="index.html" class="nav-mobile-link active">Start</a>
|
||
<a href="manifest.html" class="nav-mobile-link">Manifest</a>
|
||
<a href="methode.html" class="nav-mobile-link">Methode</a>
|
||
<a href="blog.html" class="nav-mobile-link">Denken</a>
|
||
<a href="#audit" class="nav-mobile-cta">Audit anfragen</a>
|
||
</div>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="hero-bg">
|
||
<div class="hero-shape hero-shape-1"></div>
|
||
<div class="hero-shape hero-shape-2"></div>
|
||
<div class="hero-grid"></div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<h1 class="hero-headline">
|
||
Wenn Sie Ihr Unternehmen<br>
|
||
nicht erklären können,<br>
|
||
<span class="hero-headline-alt">haben Sie kein Marketingproblem.</span>
|
||
</h1>
|
||
<p class="hero-subline">Sie haben ein Markenproblem.</p>
|
||
<a href="manifest.html" class="btn btn-primary">
|
||
<span>Warum das so ist</span>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||
<path d="M3 8H13M13 8L8 3M13 8L8 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Symptoms Section -->
|
||
<section class="section section-alt">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<p class="section-label">Die Symptome</p>
|
||
<h2 class="section-title">Drei Anzeichen, dass Ihr Unternehmen<br>sprachlich handlungsunfähig ist.</h2>
|
||
</div>
|
||
|
||
<div class="symptoms-grid">
|
||
<article class="symptom-card">
|
||
<span class="symptom-number">[01]</span>
|
||
<h3 class="symptom-title">Jeder erklärt das Unternehmen anders.</h3>
|
||
<p class="symptom-text">Vertrieb sagt etwas anderes als Marketing. Die Website erzählt eine dritte Geschichte.</p>
|
||
</article>
|
||
|
||
<article class="symptom-card">
|
||
<span class="symptom-number">[02]</span>
|
||
<h3 class="symptom-title">Kommunikation hängt an Personen.</h3>
|
||
<p class="symptom-text">Wenn der Marketingchef geht, geht das Markenwissen mit. Wenn die Agentur wechselt, fängt alles von vorn an.</p>
|
||
</article>
|
||
|
||
<article class="symptom-card">
|
||
<span class="symptom-number">[03]</span>
|
||
<h3 class="symptom-title">Mehr Content, weniger Wirkung.</h3>
|
||
<p class="symptom-text">KI produziert schneller, aber nicht klarer. Die Menge steigt, die Erkennbarkeit sinkt.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Quote Section -->
|
||
<section class="section section-quote">
|
||
<div class="container">
|
||
<blockquote class="quote-block">
|
||
<p class="quote-text">„Marke ist kein Gefühl.<br>Marke ist ein Regelwerk."</p>
|
||
</blockquote>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Problem Section -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="content-split">
|
||
<div class="content-main">
|
||
<h2 class="content-title">Das Problem ist nicht Kreativität.</h2>
|
||
<p class="content-text">Das Problem ist fehlende Struktur.</p>
|
||
<p class="content-text content-text-secondary">Marketing, Werbung und KI verschärfen dieses Problem, weil sie Ausdruck verlangen, bevor Klarheit existiert.</p>
|
||
<a href="manifest.html" class="btn btn-secondary">
|
||
<span>Das Manifest lesen</span>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||
<path d="M3 8H13M13 8L8 3M13 8L8 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
<div class="content-aside">
|
||
<div class="aside-decoration"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- What Is Section -->
|
||
<section class="section section-alt">
|
||
<div class="container">
|
||
<div class="intro-block">
|
||
<p class="section-label">Was ist „Marke macht."</p>
|
||
<h2 class="intro-headline">Ein Denkrahmen für<br>unternehmerische Klarheit.</h2>
|
||
<div class="intro-content">
|
||
<p>„Marke macht." ist keine Agentur.<br>Kein Content-Studio. Kein KI-Tool.</p>
|
||
<p>Sondern eine Methode, die Unternehmen befähigt, sich selbst eindeutig zu erklären – konsistent, dokumentiert, unabhängig von Personen.</p>
|
||
</div>
|
||
<a href="methode.html" class="btn btn-primary">
|
||
<span>Die Methode verstehen</span>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||
<path d="M3 8H13M13 8L8 3M13 8L8 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA Section -->
|
||
<section class="section section-cta" id="audit">
|
||
<div class="container">
|
||
<div class="cta-block">
|
||
<h2 class="cta-headline">Bereit für Klarheit?</h2>
|
||
<p class="cta-text">Das Marken-Klarheits-Audit zeigt in 7–10 Tagen, wo Ihr Unternehmen sprachlich steht – und was die nächsten Schritte sind.</p>
|
||
<a href="mailto:info@markemacht.de?subject=Marken-Klarheits-Audit" class="btn btn-primary btn-large">
|
||
<span>Audit anfragen</span>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||
<path d="M3 8H13M13 8L8 3M13 8L8 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-inner">
|
||
<div class="footer-brand">
|
||
<span class="logo-mark">MM</span>
|
||
<p class="footer-tagline">Marke macht.<br>Weil Klarheit Macht ist.</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<div class="footer-col">
|
||
<h4 class="footer-col-title">Navigation</h4>
|
||
<a href="index.html">Start</a>
|
||
<a href="manifest.html">Manifest</a>
|
||
<a href="methode.html">Methode</a>
|
||
<a href="blog.html">Denken</a>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4 class="footer-col-title">Rechtliches</h4>
|
||
<a href="#impressum">Impressum</a>
|
||
<a href="#datenschutz">Datenschutz</a>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4 class="footer-col-title">Kontakt</h4>
|
||
<a href="mailto:info@markemacht.de">info@markemacht.de</a>
|
||
<a href="https://adametz.media" target="_blank">adametz.media</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 Marke macht. – Eine Methode von <a href="https://adametz.media" target="_blank">Kevin Adametz</a></p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="main.js"></script>
|
||
</body>
|
||
</html>
|