<!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=Big+Shoulders+Display:wght@500;600;700&family=Karla:wght@300;400;600&display=swap');

:root{
  --deep:#3a1408;
  --ember:#5c2210;
  --rust:#8a3a17;
  --orange:#f07a2e;
  --orange-deep:#d8571c;
  --amber:#f7bb4a;
  --rose:#e0736a;
  --petrol:#1d5566;
  --cream:#fbe6c4;
  --paper:#fff6e6;
  --muted:#d8b48e;
}

*{box-sizing:border-box;}

body{
  margin:0;padding:0;overflow-x:hidden;
  background:
    radial-gradient(620px 440px at 74% 6%, rgba(247,187,74,.42), transparent 64%),
    radial-gradient(700px 500px at 18% 46%, rgba(240,122,46,.38), transparent 66%),
    radial-gradient(560px 420px at 92% 84%, rgba(224,115,106,.28), transparent 68%),
    radial-gradient(520px 380px at 6% 96%, rgba(29,85,102,.35), transparent 70%),
    linear-gradient(180deg,#8a3a17 0%, #5c2210 44%, #3a1408 100%);
  color:var(--paper);
  font-family:'Karla', system-ui, sans-serif;
  font-weight:300;
  line-height:1.8;
}

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

/* HERO */
.hero{text-align:center;padding-bottom:2.1em;}
.kicker{
  font-family:'Big Shoulders Display',sans-serif;font-weight:600;
  font-size:.86em;letter-spacing:5px;text-transform:uppercase;
  color:var(--amber);margin-bottom:1em;
}
.title{
  font-family:'Big Shoulders Display', Impact, sans-serif;font-weight:700;
  font-size:3.7em;line-height:.92;margin:0;letter-spacing:2px;text-transform:uppercase;
  color:var(--paper);text-shadow:0 4px 28px rgba(0,0,0,.35);
}
.title small{display:block;font-size:.52em;letter-spacing:4px;color:var(--cream);margin-bottom:.1em;}
.handle{
  font-family:'Big Shoulders Display',sans-serif;font-weight:600;
  font-size:1.12em;letter-spacing:3px;text-transform:uppercase;color:var(--amber);margin:1.5em 0 0;
}
.steps{
  margin:1.8em auto 0;display:flex;justify-content:center;align-items:flex-end;gap:4px;
}
.steps i{display:block;width:16px;border-radius:2px 2px 0 0;}
.steps i:nth-child(1){height:8px;background:var(--petrol);}
.steps i:nth-child(2){height:14px;background:var(--rust);}
.steps i:nth-child(3){height:20px;background:var(--orange-deep);}
.steps i:nth-child(4){height:26px;background:var(--orange);}
.steps i:nth-child(5){height:32px;background:var(--amber);}

/* ZITAT */
.opening{
  margin:2.5em 0 2.9em;text-align:center;
  font-family:'Big Shoulders Display',sans-serif;font-weight:600;
  font-size:1.72em;line-height:1.28;letter-spacing:.6px;text-transform:uppercase;color:#fff;
}
.opening span{
  display:block;margin-top:1em;
  font-family:'Karla',sans-serif;font-weight:300;font-size:.38em;
  letter-spacing:2px;text-transform:uppercase;color:var(--muted);
}

/* SEKTIONEN */
section{margin-bottom:2.9em;}
h2{
  font-family:'Big Shoulders Display',sans-serif;font-weight:700;
  font-size:2em;line-height:1.15;letter-spacing:1px;text-transform:uppercase;
  margin:0 0 .5em;color:#fff;
}
h2::after{content:"";display:block;width:46px;height:4px;border-radius:2px;margin-top:.3em;background:var(--orange);}
p{margin:0 0 1.1em;font-size:1.08em;color:#f6e5cd;}
p:last-child{margin-bottom:0;}
.am{color:var(--amber);}
.wh{color:#fff;font-weight:400;}

/* FIGUREN */
.cast{display:grid;grid-template-columns:1fr 1fr;gap:1.05em;margin-top:1.4em;}
.card{
  padding:1.45em 1.3em;border-radius:12px;
  border:1px solid rgba(247,187,74,.3);
  background:linear-gradient(160deg, rgba(216,87,28,.32), rgba(58,20,8,.6));
}
.card h3{
  font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:1.28em;
  letter-spacing:1px;text-transform:uppercase;margin:0 0 .08em;color:var(--amber);
}
.card .role{
  display:block;font-size:.72em;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--muted);margin-bottom:.6em;
}
.card p{font-size:1em;margin:0;color:#f2e0c6;}

/* FORM */
.form{
  padding:1.7em 1.6em;border-radius:12px;
  border-left:5px solid var(--amber);background:rgba(92,34,16,.55);
}
.form h2{font-size:1.42em;}
.form h2::after{display:none;}
.form p{font-size:1.05em;}

/* REIHE */
.series{
  padding:1.7em 1.6em;border-radius:12px;
  border:1px dashed rgba(247,187,74,.45);background:rgba(138,58,23,.35);
}
.series h2{font-size:1.4em;}
.series p{font-size:1.04em;}

/* LISTE */
.forlist{list-style:none;margin:0;padding:0;}
.forlist li{
  position:relative;padding-left:1.9em;margin-bottom:.85em;font-size:1.06em;color:#f6e5cd;
}
.forlist li::before{
  content:"";position:absolute;left:0;top:.82em;width:13px;height:4px;border-radius:2px;background:var(--orange);
}

/* ABSCHLUSS */
.closing{margin-top:2.9em;text-align:center;padding-top:2em;border-top:1px solid rgba(247,187,74,.35);}
.closing p{
  font-family:'Big Shoulders Display',sans-serif;font-weight:600;font-size:1.45em;
  letter-spacing:1px;text-transform:uppercase;line-height:1.28;color:var(--amber);margin-bottom:.7em;
}
.closing .meta{
  font-family:'Karla',sans-serif;font-size:.78em;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);
}

/* MOBILE */
@media screen and (max-width:768px){
  .wrap{padding:2.1em 1.2em 2.5em;}
  .title{font-size:2.3em;letter-spacing:1px;}
  .title small{font-size:.46em;letter-spacing:2.5px;}
  .kicker{font-size:.76em;letter-spacing:3px;}
  .opening{font-size:1.32em;}
  h2{font-size:1.5em;}
  p{font-size:1em;}
  .cast{grid-template-columns:1fr;}
  .form,.series{padding:1.3em 1.15em;}
  .closing p{font-size:1.16em;}
}

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

  <div class="hero">
    <div class="kicker">Roman &middot; Band 1</div>
    <h1 class="title"><small>Ein arbeitssuchender</small>Mann</h1>
    <p class="handle">#verrückteronkel</p>
    <div class="steps"><i></i><i></i><i></i><i></i><i></i></div>
  </div>

  <div class="opening">
    »Ey Alter, zock nicht zu viel<br>und schreib mal lieber ein paar Bewerbungen.«
    <span>Die Mutter, Kapitel eins</span>
  </div>

  <section>
    <h2>Ausbildung bestanden. Und jetzt?</h2>
    <p>Jonas hat es geschafft, der Family-Chat gratuliert, und dann kommt von jedem einzelnen Familienmitglied dieselbe Frage: Wie geht es jetzt weiter? Er meldet sich arbeitslos, wartet auf Anträge, die ewig brauchen, und versteht die Hälfte der Fragen darin nicht. Seine kleine Schwester Janni bietet an, sie mit ihm durchzugehen.</p>
    <p>Was folgt, kennt jeder, der schon einmal in dieser Warteschleife saß: Termine bei der Agentur, Anrufe von Zeitarbeitsfirmen, Vorstellungsgespräche übermorgen um neun, Schichten im Logistikzentrum. <span class="wh">Und dazwischen die Frage, ob das jetzt für immer so bleibt.</span></p>
  </section>

  <section>
    <h2>Dann kippt es</h2>
    <p>Über die Arbeit gerät Jonas an Szymon und an eine Gruppe, die sich hinter einem Firmennamen versteckt. Was als seltsamer Kollege anfängt, wird zu Vorwürfen, zu einem Geheimnis und schließlich zu etwas, das an Weihnachten eskaliert.</p>
    <p>Im neuen Jahr verschwindet Janni. <span class="am">Von da an sucht Jonas keinen Job mehr, sondern seine Schwester.</span></p>
    <div class="cast">
      <div class="card">
        <h3>Jonas</h3>
        <span class="role">Der Suchende</span>
        <p>Klug, kräftig, frisch ausgelernt und trotzdem draußen. Zockt zu viel, meldet sich zu spät, und tut am Ende Dinge, die ihm keiner zugetraut hätte.</p>
      </div>
      <div class="card">
        <h3>Janni</h3>
        <span class="role">Die Schwester</span>
        <p>Sortiert seine Anträge, sagt ihm die Wahrheit und ist der Grund, warum aus einer Jobsuche eine ganz andere Geschichte wird.</p>
      </div>
      <div class="card">
        <h3>Die Mutter</h3>
        <span class="role">Zu Hause</span>
        <p>Ruft an, wenn er gerade zockt, hört das Geballer durchs Telefon und fragt genau das, was er nicht hören will.</p>
      </div>
      <div class="card">
        <h3>Szymon</h3>
        <span class="role">Der Gegenspieler</span>
        <p>Beginnt als Kollege, endet als Feind. Was er plant, reicht über dieses Buch hinaus.</p>
      </div>
    </div>
  </section>

  <div class="form">
    <h2>Wie erzählt wird</h2>
    <p>In Dialogen, fast wie in einem Drehbuch: Name, Doppelpunkt, gesprochener Satz — dazwischen kurze Passagen, die berichten, was gerade läuft. Die Sprache ist die des Alltags, mit Family-Chat, Küchentischton und WhatsApp-Sprüchen, ohne literarische Umwege.</p>
    <p>Das liest sich schnell und direkt. Wer feingeschliffene Prosa erwartet, ist hier falsch; wer Figuren mag, die reden wie Leute, die man kennt, ist genau richtig.</p>
  </div>

  <div class="series" style="margin-top:2.9em;">
    <h2>Der Anfang</h2>
    <p>Dieser Band ist der erste um Jonas. Was hier passiert, wirkt fünf Jahre später nach: Im Folgeband arbeitet er als Gamemaster in einer Lasertag-Halle, lebt mit Freundin und Kind — und der Ärger holt ihn an einem ganz gewöhnlichen Montag wieder ein.</p>
  </div>

  <section style="margin-top:2.9em;">
    <h2>Lies das, wenn du</h2>
    <ul class="forlist">
      <li>selbst schon mal auf Anträge gewartet hast, die niemand versteht.</li>
      <li>Geschichten willst, die im echten Leben anfangen: Agentur, Zeitarbeit, Schichtdienst, Familienchat.</li>
      <li>lieber Dialog liest als Beschreibung.</li>
      <li>magst, wenn ein Alltagsroman unterwegs zum Thriller wird.</li>
      <li>am Anfang einer Reihe einsteigen willst statt mittendrin.</li>
    </ul>
  </section>

  <div class="closing">
    <p>Erst suchte er einen Job.<br>Dann suchte er seine Schwester.</p>
    <div class="meta">Ein arbeitssuchender Mann &middot; #verrückteronkel &middot; Litego Verlag</div>
  </div>

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

Ein arbeitssuchender Mann

Ein arbeitssuchender Mann

Jetzt bestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch