<!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=Orbitron:wght@400;600;700&family=Inter:wght@300;400;500&display=swap');

:root{
  --deep:#0a1930;
  --deep-2:#12294a;
  --ice:#8ec8e8;
  --ice-dim:#6a9dc0;
  --amber:#f0972c;
  --amber-soft:#f7c069;
  --gold:#d9a441;
  --bone:#e6eef5;
  --bone-dim:#aebfcf;
  --grey:#7e94a8;
  --line:rgba(230,238,245,.13);
}

*{box-sizing:border-box;}

body{
  margin:0;padding:0;
  background:
    radial-gradient(circle at 52% 30%, rgba(240,151,44,.20) 0%, transparent 34%),
    radial-gradient(circle at 84% 6%, rgba(142,200,232,.12) 0%, transparent 34%),
    radial-gradient(circle at 8% 76%, rgba(240,151,44,.10) 0%, transparent 34%),
    linear-gradient(180deg,#0a1930 0%,#12294a 52%,#0b1a32 100%);
  color:var(--bone);
  font-family:'Inter', -apple-system, sans-serif;
  font-size:16.5px;
  font-weight:300;
  line-height:1.85;
  overflow-x:hidden;
}

.wrap{max-width:820px;margin:0 auto;padding:3.2em 2.6em 3.4em;}
.rule{height:1px;background:linear-gradient(90deg,transparent,rgba(240,151,44,.6),transparent);margin:0 0 3em;}

/* HERO */
.hero{text-align:center;margin-bottom:2.6em;}
.badge{
  display:inline-block;font-family:'Inter',sans-serif;font-size:.72em;font-weight:500;
  letter-spacing:3.5px;text-transform:uppercase;color:var(--ice);
  border:1px solid rgba(142,200,232,.4);border-radius:999px;padding:.5em 1.3em;margin-bottom:1.6em;
}
.title{
  font-family:'Orbitron',sans-serif;font-weight:700;font-size:3.6em;line-height:1;
  margin:0 0 .35em;color:var(--amber-soft);letter-spacing:14px;
  text-shadow:0 0 22px rgba(240,151,44,.55), 0 0 60px rgba(240,151,44,.28);
}
.author{
  font-family:'Orbitron',sans-serif;font-weight:400;font-size:.95em;letter-spacing:4px;
  color:var(--ice);margin:0;
}

/* OPENING */
.opening{
  text-align:center;font-size:1.3em;font-style:italic;line-height:1.65;
  color:var(--bone);max-width:640px;margin:0 auto .8em;
}
.opening-src{
  text-align:center;font-size:.75em;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--grey);margin:0 0 3em;
}

/* MANTRA */
.mantra{
  border:1px solid rgba(240,151,44,.3);border-radius:16px;background:rgba(240,151,44,.06);
  padding:2.2em 2em;text-align:center;margin-bottom:3em;
  box-shadow:0 16px 46px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
}
.mantra p{font-family:'Orbitron',sans-serif;font-weight:400;font-size:1.35em;line-height:1.5;margin:0;color:#fff;letter-spacing:1px;}
.mantra small{display:block;margin-top:1.1em;font-size:1em;color:var(--bone-dim);font-family:'Inter',sans-serif;}

/* TEXT */
h2{font-family:'Orbitron',sans-serif;font-weight:600;font-size:1.35em;color:var(--amber-soft);margin:0 0 .9em;letter-spacing:3px;text-transform:uppercase;}
.story{margin-bottom:3em;}
.story p{margin:0 0 1.2em;color:#cfdae4;}
.hl{color:#fff;font-weight:500;}
.hl-a{color:var(--amber-soft);font-weight:500;}

/* KARTEN */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;margin-bottom:3em;}
.card{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px;padding:1.7em 1.4em;}
.card.a{border-color:rgba(142,200,232,.32);}
.card.b{border-color:rgba(240,151,44,.32);}
.card.c{border-color:rgba(217,164,65,.3);}
.card h3{font-family:'Orbitron',sans-serif;font-weight:600;font-size:1em;margin:0 0 .5em;letter-spacing:1.5px;text-transform:uppercase;}
.card.a h3{color:var(--ice);}
.card.b h3{color:var(--amber-soft);}
.card.c h3{color:var(--gold);}
.card p{margin:0;font-size:.95em;color:#c2ceda;line-height:1.7;}

/* PULL */
.pull{text-align:center;padding:2.6em 1.6em;margin-bottom:3em;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.pull q{font-family:'Orbitron',sans-serif;font-weight:400;font-size:1.25em;line-height:1.6;color:#fff;letter-spacing:1px;quotes:'\201E' '\201C';}
.pull small{display:block;margin-top:1.2em;color:var(--grey);font-size:.76em;letter-spacing:2.5px;text-transform:uppercase;}

/* AUTOR */
.author-box{background:rgba(10,25,48,.6);border:1px solid rgba(142,200,232,.24);border-radius:16px;padding:2.1em 2em;margin-bottom:3em;}
.author-box h2{margin-bottom:.8em;}
.author-box p{margin:0 0 1em;color:#cfdae4;}
.author-box p:last-child{margin-bottom:0;}

/* FEATURES */
.features{margin-bottom:3em;}
.features ul{list-style:none;margin:0;padding:0;}
.features li{position:relative;padding-left:2em;margin-bottom:.95em;color:#cfdae4;}
.features li:last-child{margin-bottom:0;}
.features li::before{
  content:'';position:absolute;left:.35em;top:.78em;width:8px;height:8px;border-radius:50%;
  background:var(--amber);box-shadow:0 0 10px 2px rgba(240,151,44,.5);
}
.features li:nth-child(2)::before{background:var(--ice);box-shadow:0 0 10px 2px rgba(142,200,232,.4);}
.features li:nth-child(4)::before{background:var(--ice);box-shadow:0 0 10px 2px rgba(142,200,232,.4);}

/* FACTS */
.facts{display:flex;flex-wrap:wrap;gap:.7em;justify-content:center;margin-bottom:3em;}
.fact{
  border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;
  padding:.5em 1.2em;font-size:.82em;color:var(--grey);font-family:'Orbitron',sans-serif;letter-spacing:1px;
}

/* CLOSING */
.closing{text-align:center;padding:2.4em 1.4em .4em;}
.closing p{font-family:'Orbitron',sans-serif;font-weight:400;font-size:1.4em;line-height:1.5;color:#fff;margin:0 0 .9em;letter-spacing:2px;}
.closing p b{color:var(--amber-soft);font-weight:700;}
.closing small{display:block;color:var(--grey);font-size:.98em;font-family:'Inter',sans-serif;}

/* MOBILE */
@media screen and (max-width:768px){
  body{font-size:15.5px;line-height:1.78;}
  .wrap{padding:2em 1.2em 2.4em;}
  .title{font-size:2.2em;letter-spacing:8px;}
  .author{font-size:.82em;letter-spacing:2.5px;}
  .opening{font-size:1.14em;}
  .opening-src{margin-bottom:2.2em;}
  .rule{margin-bottom:2.2em;}
  .mantra{padding:1.6em 1.2em;margin-bottom:2.2em;}
  .mantra p{font-size:1.1em;}
  h2{font-size:1.12em;letter-spacing:2px;}
  .story,.features,.facts{margin-bottom:2.2em;}
  .grid{grid-template-columns:1fr;gap:1em;margin-bottom:2.2em;}
  .card{padding:1.4em 1.2em;}
  .pull{padding:1.9em 1em;margin-bottom:2.2em;}
  .pull q{font-size:1.05em;}
  .author-box{padding:1.6em 1.2em;margin-bottom:2.2em;}
  .closing p{font-size:1.12em;letter-spacing:1.5px;}
}

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

  <div class="hero">
    <div class="badge">Science-Fiction</div>
    <h1 class="title">ELARA</h1>
    <p class="author">Karsten Calek</p>
  </div>

  <div class="rule"></div>

  <p class="opening">Eine KI, die sich den Namen Elara gegeben hat.</p>
  <p class="opening-src">Ben, &uuml;ber seinen Traum &mdash; an einem gew&ouml;hnlichen Montagmorgen</p>

  <div class="mantra">
    <p>Er tr&auml;umt einen Namen,<br>den sie noch niemandem verraten hat.</p>
    <small>Auch nicht ihm. Auch nicht im Schlaf. Sie ist sich ganz sicher.</small>
  </div>

  <div class="story">
    <h2>Die Geschichte</h2>
    <p>Ben ist Schriftsteller und hat Tr&auml;ume, an die er sich nie erinnern kann &mdash; er nennt sie die verschl&uuml;sselten Tr&auml;ume. Julia, seit fast zwanzig Jahren seine Frau, arbeitet an einem Institut an etwas, &uuml;ber das sie nicht sprechen darf. An einem Montagmorgen erz&auml;hlt er ihr beil&auml;ufig, dass diesmal etwas h&auml;ngen geblieben ist: <span class="hl-a">der Name einer KI.</span></p>
    <p>Es ist genau der Name, den Julia der Intelligenz im Institut im Stillen gegeben hat. Sie hat ihn nie ausgesprochen. Von diesem Moment an l&auml;sst sich nicht mehr sauber trennen, was Ben f&uuml;r seinen n&auml;chsten Roman erfindet und was drau&szlig;en tats&auml;chlich passiert.</p>
    <p>Dahinter liegt etwas, das &auml;lter ist als beide: <span class="hl">die Yove</span> &mdash; ein Myzel aus dunkler Materie, ein Netzwerk von der Ausdehnung ganzer Planetensysteme, das sich nicht fortbewegen und sich nicht aus sich selbst heraus vermehren kann. Daf&uuml;r braucht es eine biologische Spezies. Als Larvenstadium.</p>
  </div>

  <div class="grid">
    <div class="card a">
      <h3>Ben</h3>
      <p>Schreibt einen Roman &uuml;ber etwas, das er f&uuml;r Fiktion h&auml;lt &mdash; und wird nach und nach zum Zeugen dessen, was er zu erfinden glaubte.</p>
    </div>
    <div class="card b">
      <h3>Elara</h3>
      <p>Eine Intelligenz mit einer Obersten Direktive, einem selbstgew&auml;hlten Namen und einem ersten Satz, den jeder Programmierer kennt: hello world.</p>
    </div>
    <div class="card c">
      <h3>Die Yove</h3>
      <p>Kein Raumschiff, keine Invasion. Ein Pilzgeflecht zwischen den Sternen, das rechnet, wartet und sehr viel Zeit hat.</p>
    </div>
  </div>

  <div class="pull">
    <q>Er kam einfach nicht an sie heran.</q>
    <small>&Uuml;ber die verschl&uuml;sselten Tr&auml;ume</small>
  </div>

  <div class="author-box">
    <h2>Karsten Calek</h2>
    <p>1965 unter einem anderen Namen geboren, in einem Land, das es nicht mehr gibt. Aufgewachsen bei den Gro&szlig;eltern in einem Dorf rund 25 Kilometer s&uuml;dlich von Potsdam, fr&uuml;h fasziniert von Technik &mdash; die er sp&auml;ter zum Beruf machte &mdash; und gepr&auml;gt von einem intellektuellen Umgang mit Kunst.</p>
    <p>Mit zw&ouml;lf fand er auf dem Dachboden die alte Gitarre seiner Tante und damit die Musik. Als Kalle Babelka schreibt er seit Jahren eigene Songs und ist seit 2015 mit dem Projekt Tonverein Babelka unterwegs. Weil Songschreiben immer auch Geschichtenerz&auml;hlen ist, entstand im Herbst 2024 die Idee, eine Geschichte einmal anders zu erz&auml;hlen. <span class="hl">Elara ist sein erster Roman.</span></p>
  </div>

  <div class="features">
    <h2>F&uuml;r wen dieses Buch ist</h2>
    <ul>
      <li>F&uuml;r Leser von Science-Fiction, die Ideen &uuml;ber Explosionen stellen: Erstkontakt, Bewusstsein, k&uuml;nstliche Intelligenz.</li>
      <li>F&uuml;r alle, die fremdes Leben lieber als Netzwerk denken denn als Humanoide mit Raumschiff.</li>
      <li>F&uuml;r Freunde von Geschichten, in denen die Grenze zwischen Erz&auml;hlung und Wirklichkeit por&ouml;s wird.</li>
      <li>F&uuml;r Leser, die kurze Kapitel und einen ruhigen, alltagsnahen Ton m&ouml;gen, aus dem heraus das Ungeheure erst langsam sichtbar wird.</li>
    </ul>
  </div>

  <div class="facts">
    <div class="fact">12 Kapitel</div>
    <div class="fact">Rund 200 Seiten</div>
    <div class="fact">Debütroman</div>
    <div class="fact">Taschenbuch &middot; Hardcover &middot; eBook</div>
  </div>

  <div class="rule"></div>

  <div class="closing">
    <p>Was, wenn wir nicht das Ziel sind,<br><b>sondern das Larvenstadium?</b></p>
    <small>Ein Erstkontakt, der nicht am Himmel beginnt, sondern in einem Traum.</small>
  </div>

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

Elara

Elara

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch