<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --bg-deep:#07070f;
  --bg-mid:#0d0b18;
  --magenta:#ff2d95;
  --magenta-deep:#c2185b;
  --cyan:#22d3ee;
  --cyan-deep:#0891b2;
  --text:#e9e9f2;
  --text-2:#a3a3b8;
  --text-3:#6f6f85;
  --line:rgba(255,255,255,.08);
}

*{box-sizing:border-box;}

body{
  margin:0;
  padding:0;
  overflow-x:hidden;
  background:
    radial-gradient(900px 500px at 12% -5%, rgba(255,45,149,.16), transparent 60%),
    radial-gradient(800px 480px at 92% 8%, rgba(34,211,238,.13), transparent 62%),
    linear-gradient(180deg, var(--bg-mid) 0%, var(--bg-deep) 42%, var(--bg-deep) 100%);
  color:var(--text);
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

.wrap{
  max-width:820px;
  margin:0 auto;
  padding:3em 2em 3.5em;
}

/* ---------- HERO ---------- */
.hero{
  text-align:center;
  padding:1em 0 2.6em;
  position:relative;
}
.hero::after{
  content:"";
  display:block;
  width:120px;
  height:2px;
  margin:2.2em auto 0;
  background:linear-gradient(90deg, transparent, var(--cyan), var(--magenta), transparent);
  opacity:.85;
}
.kicker{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:.78em;
  font-weight:500;
  letter-spacing:3.5px;
  text-transform:uppercase;
  color:var(--cyan);
  margin-bottom:1.4em;
}
.title{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:4.2em;
  font-weight:700;
  line-height:.94;
  letter-spacing:6px;
  margin:0;
  color:#fff;
  text-shadow:0 0 40px rgba(34,211,238,.35), 0 0 90px rgba(255,45,149,.2);
}
.title .glow{
  background:linear-gradient(120deg,#fff 0%, var(--cyan) 55%, var(--magenta) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:shift 9s ease-in-out infinite alternate;
}
@keyframes shift{
  0%{filter:hue-rotate(0deg);}
  100%{filter:hue-rotate(-18deg);}
}
.subtitle{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.35em;
  font-weight:500;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--magenta);
  margin:1.1em 0 .6em;
}
.claim{
  font-size:1.02em;
  color:var(--text-2);
  letter-spacing:.4px;
  max-width:33em;
  margin:0 auto;
}
.authors{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:.85em;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--text-3);
  margin-top:2.1em;
}

/* ---------- SEKTIONEN ---------- */
section{margin-bottom:3.4em;}

h2{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.95em;
  font-weight:700;
  letter-spacing:.6px;
  line-height:1.25;
  margin:0 0 .8em;
  color:#fff;
}
h2 .accent{color:var(--cyan);}

p{margin:0 0 1.15em;}
p.lead{font-size:1.1em;color:var(--text);}
p.muted{color:var(--text-2);}

.hl{color:var(--magenta);font-weight:600;}
.hl-c{color:var(--cyan);font-weight:600;}

/* Szene / Opener */
.scene{
  border-left:3px solid var(--magenta);
  padding:1.5em 0 1.5em 1.8em;
  background:linear-gradient(90deg, rgba(255,45,149,.09), transparent 75%);
  border-radius:0 14px 14px 0;
}
.scene .stamp{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:.72em;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--magenta);
  display:block;
  margin-bottom:.9em;
}
.scene p:last-child{margin-bottom:0;}

/* Formel-Block */
.formula{
  text-align:center;
  padding:2.6em 1.6em;
  border:1px solid var(--line);
  border-radius:20px;
  background:
    radial-gradient(500px 200px at 50% 0%, rgba(34,211,238,.14), transparent 70%),
    rgba(255,255,255,.025);
  box-shadow:0 14px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
}
.formula .label{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:.74em;
  letter-spacing:3.2px;
  text-transform:uppercase;
  color:var(--text-3);
  margin-bottom:1.3em;
}
.formula .eq{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.75em;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.5px;
  color:#fff;
}
.formula .eq .op{color:var(--cyan);}
.formula .eq .pen{color:var(--magenta);}
.formula .note{
  margin:1.5em auto 0;
  max-width:34em;
  font-size:.98em;
  color:var(--text-2);
}

/* Themen-Grid */
.grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.1em;
}
.tile{
  padding:1.5em 1.4em;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.028);
  transition:border-color .3s ease, background .3s ease;
}
.tile:hover{
  border-color:rgba(34,211,238,.42);
  background:rgba(34,211,238,.05);
}
.tile .num{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:.72em;
  letter-spacing:2.4px;
  color:var(--cyan);
  display:block;
  margin-bottom:.7em;
}
.tile h3{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.08em;
  font-weight:700;
  margin:0 0 .5em;
  color:#fff;
  letter-spacing:.3px;
}
.tile p{
  margin:0;
  font-size:.95em;
  color:var(--text-2);
  line-height:1.65;
}

/* Pull-Quote */
.pull{
  text-align:center;
  padding:2.4em 1.4em;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.pull blockquote{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.55em;
  font-weight:500;
  line-height:1.45;
  margin:0;
  color:#fff;
  letter-spacing:.3px;
}
.pull blockquote .lvl{color:var(--magenta);}
.pull cite{
  display:block;
  margin-top:1.3em;
  font-family:'Inter', sans-serif;
  font-style:normal;
  font-size:.8em;
  letter-spacing:2.2px;
  text-transform:uppercase;
  color:var(--text-3);
}

/* Für wen / Liste */
.checklist{
  list-style:none;
  margin:0;
  padding:0;
}
.checklist li{
  position:relative;
  padding:.55em 0 .55em 2em;
  color:var(--text-2);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.checklist li:last-child{border-bottom:none;}
.checklist li::before{
  content:"›";
  position:absolute;
  left:.35em;
  top:.5em;
  color:var(--cyan);
  font-family:'Space Grotesk', sans-serif;
  font-weight:700;
  font-size:1.15em;
}
.checklist strong{color:var(--text);font-weight:600;}

/* Drei Schritte */
.steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.1em;
}
.step{
  padding:1.6em 1.3em;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(160deg, rgba(255,45,149,.07), rgba(255,255,255,.02) 60%);
}
.step .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--magenta), var(--cyan));
  color:#07070f;
  font-family:'Space Grotesk', sans-serif;
  font-weight:700;
  font-size:.95em;
  margin-bottom:.9em;
}
.step h3{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.02em;
  margin:0 0 .45em;
  color:#fff;
  letter-spacing:.3px;
}
.step p{margin:0;font-size:.93em;color:var(--text-2);line-height:1.6;}

/* Autoren */
.author-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.2em;
}
.author{
  padding:1.6em 1.5em;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.028);
}
.author h3{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.15em;
  margin:0 0 .25em;
  color:#fff;
  letter-spacing:.4px;
}
.author .role{
  display:block;
  font-size:.76em;
  letter-spacing:2.2px;
  text-transform:uppercase;
  color:var(--cyan);
  margin-bottom:1em;
}
.author p{margin:0;font-size:.95em;color:var(--text-2);line-height:1.7;}

/* Closing */
.closing{
  text-align:center;
  padding:2.8em 1.4em .6em;
}
.closing .line{
  width:60px;height:2px;margin:0 auto 1.8em;
  background:linear-gradient(90deg, var(--cyan), var(--magenta));
}
.closing p{
  font-family:'Space Grotesk', 'Segoe UI', sans-serif;
  font-size:1.28em;
  color:#fff;
  line-height:1.5;
  margin:0 0 .7em;
  letter-spacing:.4px;
}
.closing span{
  font-family:'Inter', sans-serif;
  font-size:.85em;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--text-3);
}

/* ---------- MOBILE ---------- */
@media screen and (max-width:768px){
  body{font-size:15px;line-height:1.7;}
  .wrap{padding:2em 1.1em 2.4em;}
  .hero{padding:.4em 0 1.8em;}
  .title{font-size:2.6em;letter-spacing:3px;text-shadow:0 0 26px rgba(34,211,238,.3);}
  .title .glow{animation:none;}
  .subtitle{font-size:1.02em;letter-spacing:1.6px;}
  .kicker{font-size:.7em;letter-spacing:2.4px;}
  h2{font-size:1.45em;}
  section{margin-bottom:2.4em;}
  .scene{padding:1.1em 0 1.1em 1.1em;}
  .formula{padding:1.8em 1.1em;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.45);}
  .formula .eq{font-size:1.18em;}
  .grid{grid-template-columns:1fr;gap:.85em;}
  .steps{grid-template-columns:1fr;gap:.85em;}
  .author-box{grid-template-columns:1fr;gap:.9em;}
  .tile,.step,.author{padding:1.2em 1.1em;}
  .pull{padding:1.8em .6em;}
  .pull blockquote{font-size:1.18em;}
  .closing p{font-size:1.08em;}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important;}
}
</style>
</head>
<body>
<div class="wrap">

  
  <header class="hero">
    <div class="kicker">Game Over: Weshalb die alten Regeln nicht mehr gelten</div>
    <h1 class="title">KI-<span class="glow">CODE</span></h1>
    <div class="subtitle">Für Karriere, Jobsuche &amp; Recruiting</div>
    <p class="claim">KI verändert nicht nur Tools. Sie verändert die Spielregeln von Karriere, Jobsuche, Recruiting und Arbeit.</p>
    <div class="authors">Ralph Dannhäuser &middot; Nikolaus Reuter</div>
  </header>

  
  <section>
    <div class="scene">
      <span class="stamp">Montagmorgen, 7:14 Uhr</span>
      <p>Laura, 42, Marketing-Managerin, öffnet ihr Handy und sieht drei Benachrichtigungen, mit denen sie nicht gerechnet hat. Ihr KI-Karriere-Agent hat über Nacht zwei Stellen gefunden, die besser zu ihr passen als ihr aktueller Job. Er schlägt eine Weiterbildung vor, die sie in sechs Wochen dafür qualifizieren würde. Und er schätzt ein, wie stark ihre jetzige Rolle sich in den nächsten zwei Jahren verändern dürfte.</p>
      <p>Laura hat nichts davon gesucht. Keine Jobbörse, kein hochgeladener Lebenslauf, kein Recruiter, kein Wechselwunsch. <span class="hl">Der Markt hat sie gefunden, bevor sie entschieden hat, ob sie überhaupt gefunden werden will.</span></p>
      <p class="muted">Das klingt nach Zukunftsmusik. So weit weg ist es nicht.</p>
    </div>
  </section>

  
  <section>
    <h2>Der Code ist kein <span class="accent">technischer Code</span></h2>
    <p class="lead">Er beschreibt die Fähigkeit, Muster zu erkennen: Was wird automatisiert? Was wird bequemer? Was bleibt menschlich? Und welche Entscheidungen solltest Du nicht länger aufschieben?</p>
    <p class="muted">Ralph Dannhäuser und Nikolaus Reuter kennen das Recruiting-Geschäft seit Jahrzehnten von beiden Seiten. In diesem Buch schauen sie ehrlich hin und stellen dabei auch ihr eigenes Geschäftsmodell infrage. Keine Angsterzählung, keine Beschwichtigung, kein Tool-Guide. Sondern eine nüchterne Einordnung dessen, was gerade passiert &ndash; und was davon Dich betrifft.</p>
  </section>

  
  <section>
    <div class="formula">
      <div class="label">Die Bequemlichkeitsformel</div>
      <div class="eq">Nutzen + Bequemlichkeit <span class="op">&gt;</span> <span class="pen">empfundene Strafe</span></div>
      <p class="note">Sie erklärt, warum sich Technologien durchsetzen, obwohl Menschen Bedenken haben. Warum das Smartphone gewonnen hat. Und warum KI aus dem Arbeitsmarkt nicht wieder verschwindet. Die entscheidende Frage lautet nie, ob Menschen Bedenken haben. Sie lautet, ob die Bedenken stark genug sind, um auf Nutzen und Bequemlichkeit zu verzichten.</p>
    </div>
  </section>

  
  <section>
    <h2>Worum es im Buch <span class="accent">konkret geht</span></h2>
    <div class="grid">

      <div class="tile">
        <span class="num">01</span>
        <h3>Der KI-Urknall</h3>
        <p>Hardware, Software, Infrastruktur und Daten treffen gleichzeitig aufeinander. Warum diese Beschleunigung anders ist als alles davor.</p>
      </div>

      <div class="tile">
        <span class="num">02</span>
        <h3>Gewinner, Verlierer, Verwandelte</h3>
        <p>Berufe verschwinden selten zuerst. Zuerst verschwinden Aufgaben. Was das für Pflege, Büro, Produktion, Bau, Landwirtschaft und Design bedeutet.</p>
      </div>

      <div class="tile">
        <span class="num">03</span>
        <h3>Game Over im Recruiting</h3>
        <p>Auf Wiedersehen Jobbörse, Active Sourcing, klassische Stellenanzeige und alter Lebenslauf. Zwei Insider erklären, was an ihre Stelle tritt.</p>
      </div>

      <div class="tile">
        <span class="num">04</span>
        <h3>Deine Daten, Deine Identität</h3>
        <p>Wem gehören Deine Karrieredaten? Was leistet eine Career-Wallet &ndash; und wie beweist Du in einer Welt der Deepfake-Bewerbungen, wer Du bist?</p>
      </div>

      <div class="tile">
        <span class="num">05</span>
        <h3>Roboter, Avatare, KI-Arena</h3>
        <p>Digitale Zwillinge, Smart Glasses, Roboter im Büro und zu Hause. Keine Science-Fiction, sondern Entwicklungen, die sich heute abzeichnen.</p>
      </div>

      <div class="tile">
        <span class="num">06</span>
        <h3>Der neue Wert des Menschlichen</h3>
        <p>Je besser KI wird, desto klarer zeigt sich, was sie nicht ersetzt: Urteil, Verantwortung, Vertrauen, Humor und der andere Blick.</p>
      </div>

    </div>
  </section>

  
  <section class="pull">
    <blockquote>Game Over bedeutet nicht, dass das Spiel vorbei ist. Es bedeutet, dass <span class="lvl">ein neues Level beginnt.</span></blockquote>
    <cite>Aus dem Epilog</cite>
  </section>

  
  <section>
    <h2>Für wen dieses Buch <span class="accent">geschrieben ist</span></h2>
    <ul class="checklist">
      <li><strong>Menschen mitten im Berufsleben</strong>, grob zwischen 25 und 55, die ihre Karriere nicht dem Zufall überlassen wollen.</li>
      <li><strong>Jobsuchende und Wechselinteressierte</strong>, die wissen wollen, wie Bewerbung und Auswahl in fünf Jahren funktionieren.</li>
      <li><strong>Führungskräfte und Geschäftsführer</strong>, deren Personalstrategie gerade unter ihnen den Boden wechselt.</li>
      <li><strong>Recruiter und Personalverantwortliche</strong>, die den eigenen Werkzeugkasten ehrlich prüfen wollen.</li>
      <li><strong>Alle, die Orientierung suchen</strong> statt Hype, Panik oder die nächste Tool-Liste.</li>
    </ul>
  </section>

  
  <section>
    <h2>Und dann? <span class="accent">Drei Schritte.</span></h2>
    <p class="muted">Viele Bücher über Veränderung enden mit großen Sätzen. Das fühlt sich kurz gut an, trägt aber selten bis Montagmorgen. Dieses endet anders.</p>
    <div class="steps">
      <div class="step">
        <span class="badge">1</span>
        <h3>Schau auf Deine Aufgaben</h3>
        <p>Nicht auf den Jobtitel. Welche Tätigkeiten wiederholen sich, welche folgen Regeln &ndash; und wo braucht es Dein Urteil?</p>
      </div>
      <div class="step">
        <span class="badge">2</span>
        <h3>Teste KI an echter Arbeit</h3>
        <p>Ein konkreter Test sagt mehr als jede Trenddebatte. Prüfe danach kritisch, was besser wurde und wo Du eingreifen musstest.</p>
      </div>
      <div class="step">
        <span class="badge">3</span>
        <h3>Entwickle ein Zukunftsprojekt</h3>
        <p>Wer KI einmal ausprobiert, sammelt Erfahrung. Wer damit ein eigenes Projekt baut, baut Zug um Zug Kompetenz auf.</p>
      </div>
    </div>
  </section>

  
  <section>
    <h2>Die <span class="accent">Autoren</span></h2>
    <div class="author-box">
      <div class="author">
        <h3>Ralph Dannhäuser</h3>
        <span class="role">Recruiting-Pionier</span>
        <p>Positionierte sich als Pionier für Social Media Recruiting, lange bevor es Mainstream wurde. Sein Praxishandbuch Social Media Recruiting wurde über fünf Auflagen hinweg zum Standardwerk. Sein Weg führte vom Konzern über die eigene Personalberatung zu mehr als 900 erfolgreichen Stellenbesetzungen.</p>
      </div>
      <div class="author">
        <h3>Nikolaus Reuter</h3>
        <span class="role">Unternehmer &amp; Investor</span>
        <p>Gründete 2008 den Freelancing-Spezialisten Etengo und baute ihn über ein Jahrzehnt zu einer Unternehmensgruppe mit in Summe mehr als 730 Mio. Euro Umsatz aus. Bekennender Rulebreaker mit Vorliebe für klare Entscheidungen, Disziplin und radikale Vereinfachung.</p>
      </div>
    </div>
  </section>

  
  <div class="closing">
    <div class="line"></div>
    <p>Auf einer Skala von 1 bis 10: Wie sicher fühlst Du Dich gerade in Deinem Job?</p>
    <span>Wenn Deine Antwort keine 10 ist, bist Du nicht allein.</span>
  </div>

</div>
</body>
</html>

KI-Code für Karriere, Jobsuche & Recruiting

Game Over: Weshalb die alten Regeln nicht mehr gelten!

KI-Code für Karriere, Jobsuche & Recruiting

Game Over: Weshalb die alten Regeln nicht mehr gelten!

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch