<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stars and Stripes – Jean-Anne Alexander</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
<style>
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --gold: #c9993a;
    --gold-light: #e8c06a;
    --teal: #2a7d7b;
    --teal-light: #4aa8a5;
    --rust: #c4622d;
    --cream: #f5ede0;
    --dark: #1a1210;
    --text-light: #e8ddd0;
  }

  body {
    background-color: var(--dark);
    color: var(--text-light);
    font-family: 'Lato', sans-serif;
    line-height: 1.7;
  }

  /* ── HERO ── */
  .hero {
    position: relative;
    padding: 5rem 2rem 4rem;
    text-align: center;
    overflow: hidden;
  }

  .hero-bg {
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse at 60% 40%, rgba(201,153,58,0.15) 0%, transparent 60%),
      radial-gradient(ellipse at 30% 80%, rgba(42,125,123,0.12) 0%, transparent 55%),
      #1a1210;
  }

  .hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    opacity: 0.5;
    pointer-events: none;
  }

  .hero-inner {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto;
  }

  .genre-tag {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--teal-light);
    border: 1px solid var(--teal);
    padding: 0.3em 0.9em;
    border-radius: 2px;
    margin-bottom: 2rem;
  }

  .hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.4rem, 5vw, 3.8rem);
    font-weight: 700;
    line-height: 1.15;
    color: var(--cream);
    margin-bottom: 0.4rem;
  }

  .hero h1 em {
    font-style: italic;
    color: var(--gold-light);
  }

  .hero-subtitle {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 1.2rem;
    color: var(--gold);
    margin-bottom: 2rem;
    opacity: 0.9;
  }

  .divider-gold {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    margin: 1.8rem auto;
  }

  .hero-tagline {
    font-size: 1.15rem;
    color: var(--text-light);
    opacity: 0.85;
    max-width: 560px;
    margin: 0 auto;
  }

  /* ── DESCRIPTION BODY ── */
  .book-description {
    max-width: 800px;
    margin: 0 auto;
    padding: 4rem 2rem 2rem;
  }

  .section {
    margin-bottom: 2rem;
    padding-left: 1.2em;
    border-left: 3px solid var(--gold);
  }

  .section.teal { border-left-color: var(--teal-light); }
  .section.rust  { border-left-color: var(--rust); }

  .main-text {
    font-size: 1.1rem;
    color: var(--text-light);
    line-height: 1.85;
  }

  .highlight      { color: var(--gold-light); font-weight: 700; }
  .highlight-teal { color: var(--teal-light); font-weight: 600; }

  .intro-quote {
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem;
    font-style: italic;
    color: var(--cream);
    background: linear-gradient(135deg, rgba(201,153,58,0.08), rgba(42,125,123,0.06));
    border: 1px solid rgba(201,153,58,0.2);
    border-radius: 4px;
    padding: 1.8rem 2rem 1.8rem 3rem;
    margin: 3rem 0;
    position: relative;
  }

  .intro-quote::before {
    content: '\201C';
    font-size: 5rem;
    color: var(--gold);
    opacity: 0.25;
    position: absolute;
    top: -0.5rem;
    left: 0.8rem;
    font-family: 'Playfair Display', serif;
    line-height: 1;
  }

  /* ── THEMES ── */
  .themes {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 2.5rem 0;
  }

  .theme-pill {
    background: rgba(201,153,58,0.1);
    border: 1px solid rgba(201,153,58,0.25);
    border-radius: 20px;
    padding: 0.35em 1.1em;
    font-size: 0.85rem;
    color: var(--gold-light);
    letter-spacing: 0.05em;
  }

  /* ── SEPARATOR ── */
  .sep {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin: 3rem auto;
    max-width: 800px;
    padding: 0 2rem;
  }
  .sep-line { flex: 1; height: 1px; background: rgba(201,153,58,0.2); }
  .sep-icon { color: var(--gold); opacity: 0.5; font-size: 1rem; }

  /* ── AUTHOR ── */
  .author-section {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 2rem 5rem;
  }

  .author-label {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--teal-light);
    margin-bottom: 1.5rem;
  }

  .author-header {
    font-family: 'Playfair Display', serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--cream);
    margin-bottom: 0.5rem;
  }

  .author-tagline {
    font-style: italic;
    color: var(--gold);
    font-size: 1rem;
    margin-bottom: 2rem;
    font-family: 'Playfair Display', serif;
  }

  .author-body {
    font-size: 1.05rem;
    color: var(--text-light);
    line-height: 1.85;
  }

  .author-body p { margin-bottom: 1.2rem; }

  .author-quote {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 1.2rem;
    color: var(--gold-light);
    text-align: center;
    margin: 2.5rem 0 1rem;
    padding: 0 2rem;
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 600px) {
    .hero { padding: 3.5rem 1.5rem 3rem; }
    .book-description, .author-section { padding-left: 1.5rem; padding-right: 1.5rem; }
    .section { padding-left: 0.9em; }
  }
</style>
</head>
<body>


<section class="hero">
  <div class="hero-bg"></div>
  <div class="hero-inner">
    <span class="genre-tag">Autobiografischer Roman · True Story</span>
    <h1><em>Stars and Stripes</em></h1>
    <p class="hero-subtitle">und die Hüte meiner Väter</p>
    <div class="divider-gold"></div>
    <p class="hero-tagline">
      Was, wenn du mit über vierzig alles aufgibst – Wohnung, Aufträge, Sicherheit –
      um auf einem anderen Kontinent die Antwort auf die eine Frage zu suchen,
      die dein ganzes Leben bestimmt hat: <strong>Wer bin ich wirklich?</strong>
    </p>
  </div>
</section>


<div class="book-description">

  <div class="section">
    <p class="main-text">
      Deutschland, Sommer 2004. Die Wirtschaft lahmt, die Kinder sind ausgezogen,
      der Freundeskreis schrumpft. Und in Jean-Anne Alexander lodert wieder dieses alte,
      unablässige Feuer: <span class="highlight">Fortgehen. Amerika. Anfangen.</span>
      Eine zufällige Begegnung in einer verschlafenen Kleinstadt setzt eine Kettenreaktion in Gang –
      und noch bevor sie es richtig begreift, hat sie ihre Wohnung gekündigt, ihre Möbel verkauft
      und einen One-Way-Geist im Koffer.
    </p>
  </div>

  <div class="section teal">
    <p class="main-text">
      Doch diese Reise ist mehr als Auswanderung. Es ist eine
      <span class="highlight-teal">Mission in drei Akten:</span> Sie sucht ihren Vater –
      einen afroamerikanischen Air-Force-Soldaten, den sie nie kennengelernt hat, irgendwo
      unter 236 Treffern in einer Internetsuche. Sie sucht die Wurzeln, die ihr in Deutschland
      immer gefehlt haben. Und sie sucht nach dem Ort, der sich endlich wie
      <em>Zuhause</em> anfühlt.
    </p>
  </div>

  <div class="section rust">
    <p class="main-text">
      Was folgt, ist eine Geschichte, die keine Drehbuchautorin hätte besser erfinden können:
      eine emotionale Begegnung in einem Altenheim in Rochester im Schneesturm,
      ein gemeinsames Weinen über 45 verlorene Jahre, Jazz-Platten und ein Sprechapparat,
      eine alte Frau namens Jean-Patricia mit demselben Ring am Finger –
      und ein blaues Kangol-Cap, das zum Symbol für alles wird, was verloren war
      und wiedergefunden.
    </p>
  </div>

  <div class="themes">
    <span class="theme-pill">Identität &amp; Herkunft</span>
    <span class="theme-pill">Mut zum Neuanfang</span>
    <span class="theme-pill">Vater-Tochter</span>
    <span class="theme-pill">Amerika-Traum</span>
    <span class="theme-pill">Loslassen</span>
    <span class="theme-pill">Afro-deutsche Geschichte</span>
  </div>

  <div class="intro-quote">
    Mit jedem »I send it up to the universe« schleudert Jean-Anne Alexander
    eine Entscheidung in die Welt – und das Universum antwortet jedes Mal.
    Dieses Buch zeigt, was passiert, wenn man aufhört, auf das Richtige zu warten,
    und einfach losfährt.
  </div>

  <div class="section">
    <p class="main-text">
      <span class="highlight">»Stars and Stripes und die Hüte meiner Väter«</span> ist kein klassisches
      Auswanderungsbuch. Es ist eine Reise durch Kontinente, Jahrzehnte und Generationen –
      erzählt mit einer Offenheit, die berührt, und einem Humor, der befreit.
      Für alle, die sich jemals gefragt haben, ob es noch nicht zu spät ist.
      <span class="highlight-teal">Es ist nie zu spät.</span>
    </p>
  </div>

</div>


<div class="sep">
  <div class="sep-line"></div>
  <span class="sep-icon">✦</span>
  <div class="sep-line"></div>
</div>


<div class="author-section">
  <p class="author-label">Über die Autorin</p>
  <h2 class="author-header">Jean-Anne Alexander</h2>
  <p class="author-tagline">Eine Frau zwischen zwei Welten</p>

  <div class="author-body">
    <p>
      Jean-Anne Alexander, 1959 im Zeichen der Waage in Frankreich geboren,
      ist eine Frau, die Grenzen nicht kennt – weder geografische noch persönliche.
      Mit afroamerikanischen Wurzeln in Deutschland aufgewachsen, war sie schon als Kind
      <span class="highlight">„anders als die anderen"</span> – und machte daraus ihre Stärke.
    </p>
    <p>
      Ihre Lebensdevise: <em>„No risk, no fun. Kann ich nicht, gibt es nicht."</em>
      Mit dieser Haltung meisterte sie späte Ausbildungen zur Kulturmanagerin,
      Marketing-Projektmanagerin und Webdesignerin – parallel zur Erziehung ihrer beiden Söhne.
      Eine gescheiterte Ehe? Für Jean-Anne keine Niederlage,
      sondern ein Neuanfang, der Perspektiven öffnete.
    </p>
    <p>
      Ihre Reise führte sie nach Amerika, wo sie ihre wahre Identität,
      ihre Familie und ihre Wurzeln fand. Als Flight Attendant durchquerte sie die USA
      auf der Suche nach dem Ort, an dem sie ihre Zelte aufschlagen wollte.
      Ihr Leben? <span class="highlight-teal">So spannend wie eine Achterbahnfahrt.</span>
    </p>
    <p>
      In <em>„Stars and Stripes und die Hüte meiner Väter"</em> teilt sie ihre
      außergewöhnliche Geschichte – eine Geschichte über Identität, Mut und die Entscheidung,
      glücklich zu sein.
    </p>
  </div>

  <p class="author-quote">
    „Glück ist kein Zufall, sondern eine bewusste Entscheidung."
  </p>
</div>

</body>
</html>

Stars and Stripes und die Hüte meiner Väter

Stars and Stripes und die Hüte meiner Väter

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch