<!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=Marcellus&family=Spectral:ital,wght@0,300;0,400;0,600;1,400&display=swap');

:root{
  --forest:#0c1a18;
  --moss:#14261f;
  --aurora:#3e8f80;
  --gold:#c9a961;
  --gold-soft:#e7d3a2;
  --ice:#a9cbe2;
  --ice-soft:#dceaf4;
  --parchment:#eaf0ee;
  --muted:#9aaeb0;
}

*{box-sizing:border-box;}

body{
  margin:0;padding:0;overflow-x:hidden;
  background:
    linear-gradient(170deg, rgba(62,143,128,.20) 0%, rgba(62,143,128,0) 40%),
    radial-gradient(720px 500px at 82% 30%, rgba(169,203,226,.16), transparent 66%),
    radial-gradient(680px 480px at 14% 66%, rgba(201,169,97,.12), transparent 68%),
    linear-gradient(180deg,#0c1a18 0%, #14261f 48%, #0b1917 100%);
  color:var(--parchment);
  font-family:'Spectral', Georgia, serif;
  font-weight:300;
  line-height:1.85;
}

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

/* HERO */
.hero{text-align:center;padding-bottom:2.3em;}
.kicker{
  font-size:.8em;letter-spacing:4px;text-transform:uppercase;
  color:var(--aurora);margin-bottom:1.3em;
}
.title{
  font-family:'Marcellus', Georgia, serif;
  font-size:3.6em;line-height:1.05;margin:0 0 .12em;
  letter-spacing:2px;color:var(--gold-soft);
  text-shadow:0 3px 26px rgba(201,169,97,.25);
}
.subtitle{
  font-family:'Marcellus',serif;
  font-size:1.75em;line-height:1.25;margin:0 0 1.3em;
  letter-spacing:1.5px;color:var(--ice-soft);
}
.author-line{
  font-size:.86em;letter-spacing:3.5px;text-transform:uppercase;color:var(--muted);margin:0;
}
.sigil{
  margin:2.2em auto 0;width:14px;height:14px;
  border:1px solid var(--gold);border-radius:50%;
  box-shadow:0 0 0 6px rgba(201,169,97,.09), 0 0 22px rgba(201,169,97,.35);
}

/* ZITATE */
.opening{
  margin:0 0 3em;text-align:center;
  font-family:'Marcellus',serif;font-size:1.5em;line-height:1.5;
  color:var(--parchment);letter-spacing:.5px;
}
.opening span{
  display:block;margin-top:.95em;
  font-family:'Spectral',serif;font-size:.46em;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);
}
.mantra{
  margin:0 0 3em;padding:1.7em 1.4em;text-align:center;
  border-top:1px solid rgba(201,169,97,.3);
  border-bottom:1px solid rgba(201,169,97,.3);
  font-family:'Marcellus',serif;font-size:1.55em;line-height:1.42;color:var(--gold-soft);
}

/* SEKTIONEN */
section{margin-bottom:3em;}
h2{
  font-family:'Marcellus',serif;font-size:1.95em;line-height:1.25;
  letter-spacing:1px;margin:0 0 .7em;color:var(--parchment);
}
h2::after{
  content:"";display:block;width:54px;height:1px;margin-top:.5em;
  background:linear-gradient(90deg,var(--gold),rgba(201,169,97,0));
}
p{margin:0 0 1.15em;font-size:1.08em;color:#d3e0dd;}
p:last-child{margin-bottom:0;}
.gl{color:var(--gold-soft);}
.ic{color:var(--ice);}

/* ZWEI STRÄNGE */
.strands{display:grid;grid-template-columns:1fr 1fr;gap:1.2em;margin-top:1.5em;}
.strand{
  padding:1.6em 1.45em;border-radius:14px;
  border:1px solid rgba(201,169,97,.22);
  background:linear-gradient(160deg, rgba(20,38,31,.85), rgba(12,26,24,.5));
}
.strand.ice{
  border-color:rgba(169,203,226,.24);
  background:linear-gradient(160deg, rgba(169,203,226,.10), rgba(12,26,24,.55));
}
.strand h3{
  font-family:'Marcellus',serif;font-size:1.42em;margin:0 0 .1em;color:var(--gold-soft);
}
.strand.ice h3{color:var(--ice-soft);}
.strand .role{
  display:block;font-size:.74em;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--muted);margin-bottom:.75em;
}
.strand p{font-size:1.02em;margin:0;color:#cadad7;}

/* WELT */
.lore{margin-top:1.4em;border-left:2px solid rgba(201,169,97,.45);padding-left:1.4em;}
.lore div{margin-bottom:1.05em;}
.lore div:last-child{margin-bottom:0;}
.lore strong{
  display:block;font-family:'Marcellus',serif;font-size:1.12em;
  letter-spacing:.6px;color:var(--gold-soft);
}
.lore span{font-size:1.02em;color:#cadad7;}

/* PULL */
.pull{
  margin:0 0 3em;padding:2.1em 2em;border-radius:18px;
  background:linear-gradient(150deg, rgba(201,169,97,.13), rgba(169,203,226,.07), rgba(12,26,24,.5));
  border:1px solid rgba(201,169,97,.28);
}
.pull p{
  font-family:'Spectral',serif;font-style:italic;font-size:1.26em;
  line-height:1.6;color:var(--parchment);margin:0 0 .9em;
}
.pull cite{
  display:block;font-style:normal;font-size:.78em;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);
}

/* LISTE */
.forlist{list-style:none;margin:0;padding:0;}
.forlist li{
  position:relative;padding-left:1.9em;margin-bottom:.9em;font-size:1.06em;color:#d3e0dd;
}
.forlist li::before{
  content:"";position:absolute;left:.2em;top:.72em;
  width:9px;height:9px;transform:rotate(45deg);
  border:1px solid var(--gold);
}

/* AUTORIN */
.authorbox{
  padding:2em 1.9em;border-radius:16px;
  border:1px solid rgba(154,174,176,.24);
  background:linear-gradient(160deg, rgba(12,26,24,.9), rgba(62,143,128,.12));
}
.authorbox h2{font-size:1.55em;}
.authorbox p{font-size:1.05em;}

/* ABSCHLUSS */
.closing{margin-top:3em;text-align:center;padding-top:2.2em;border-top:1px solid rgba(154,174,176,.2);}
.closing p{
  font-family:'Marcellus',serif;font-size:1.3em;line-height:1.45;
  color:var(--gold-soft);margin-bottom:.7em;
}
.closing .meta{
  font-family:'Spectral',serif;font-size:.78em;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);
}

/* MOBILE */
@media screen and (max-width:768px){
  .wrap{padding:2.2em 1.2em 2.6em;}
  .title{font-size:2.35em;letter-spacing:1px;}
  .subtitle{font-size:1.28em;}
  .kicker{font-size:.72em;letter-spacing:2.5px;}
  .opening{font-size:1.2em;}
  .mantra{font-size:1.2em;padding:1.3em 1em;}
  h2{font-size:1.48em;}
  p{font-size:1em;}
  .strands{grid-template-columns:1fr;}
  .pull{padding:1.5em 1.3em;}
  .pull p{font-size:1.1em;}
  .authorbox{padding:1.5em 1.3em;}
  .lore{padding-left:1em;}
  .closing p{font-size:1.1em;}
}

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

  <div class="hero">
    <div class="kicker">High Fantasy &middot; Band 1</div>
    <h1 class="title">Runenfeuer</h1>
    <p class="subtitle">Seelenodem</p>
    <p class="author-line">Sina Heckers</p>
    <div class="sigil"></div>
  </div>

  <div class="opening">
    »Der Frieden war teuer errungen worden und hatte nichts anderes als den Tod hinterlassen.«
    <span>Der erste Satz</span>
  </div>

  <div class="mantra">
    Zwei Königstöchter, zwei Reiche,<br>und ein Verrat, den keine von beiden kommen sah.
  </div>

  <section>
    <h2>Zwei Prinzessinnen, zwei Anklagen</h2>
    <p>Skay von Berond hat ihren Vater im Krieg verloren und steht mit ihrem Bruder Athrun vor der Feuerzeremonie, die sie beide zu Herrschern des Volkes der Ocremorean machen soll. Es sollte der Anfang einer besseren Zeit werden. Zwei Monate später ist ihr Reich vernichtet, Athrun tot, und auf ihrem Rücken zeichnet sich ein Stigma ab, das dort vorher nicht war.</p>
    <p>Enya erwacht in Ketten auf einem Karren, zwischen Schreienden und Sterbenden. <span class="gl">Der Schriften-Meister eröffnet ihr, dass sie des Mordes an ihrem Bruder Elmgren angeklagt ist und dem Tribunal der zwölf Clans vorgeführt wird.</span> Ihr eigener Vater, der König, hat die Anklage erhoben. Sie hat ihren Bruder geliebt, und er weiß das.</p>
  </section>

  <section>
    <h2>Die Stränge</h2>
    <div class="strands">
      <div class="strand">
        <h3>Skay</h3>
        <span class="role">Das Volk des Feuers</span>
        <p>Trauernd, stur, plötzlich Gast am Hof der Elfen. Ein Ring an ihrer Kette, ein Zeichen auf ihrer Haut, und ein Drache, mit dem sie sprechen lernt, bevor sie versteht, warum.</p>
      </div>
      <div class="strand ice">
        <h3>Enya</h3>
        <span class="role">Die Angeklagte</span>
        <p>Prinzessin der Tafeyr, ausgebildet in der Runenmagie, verraten von der eigenen Familie. Sie hat geschworen, dem König das Leben zur Hölle zu machen — und zuerst muss sie überleben.</p>
      </div>
    </div>
  </section>

  <section>
    <h2>Die Welt</h2>
    <p>Kein Standard-Mittelerde: Heckers baut ihre Völker über Glaubenssysteme auf, nicht über Rassenklischees. Wer welche Magie beherrschen darf, ist eine Frage von Stand und Herkunft — und genau daran entzünden sich die Konflikte.</p>
    <div class="lore">
      <div>
        <strong>Die Runenmagie</strong>
        <span>Nur Tafeyr und Zwergen zuteil geworden. Runen werden in die Luft gezeichnet, in Waffen geschmiedet, in Haut geklopft — und die vollen Zeichen bleiben Adel und Kriegern vorbehalten.</span>
      </div>
      <div>
        <strong>Das Feuer der Ocremorean</strong>
        <span>Berond ehrt das Feuer, in der Zeremonie wie in der Macht. Ohne es gäbe es das Königreich nicht.</span>
      </div>
      <div>
        <strong>Methylien</strong>
        <span>Der Baum, dem die Elfen ihre Unsterblichkeit verdanken, und dessen Tore einen eigenen Handlungsbogen tragen.</span>
      </div>
      <div>
        <strong>Die Götter</strong>
        <span>Hamedyr schickt den Regen über die Schlachtfelder, Lethe zeichnet ihren Zirkel auf eine Sterbliche. Die Alten mischen sich ein, und ihre Diener haben eigene Rechnungen offen.</span>
      </div>
    </div>
  </section>

  <div class="pull">
    <p>»Ich werde vielleicht das großartige Fantasy-Genre nicht neu erfinden, aber ich hoffe, dass ich mit dieser Geschichte zumindest einige Menschen erreichen kann — um ihnen zu zeigen, dass man seine Lebensträume niemals aufgeben sollte.«</p>
    <cite>Sina Heckers im Nachwort</cite>
  </div>

  <section>
    <h2>Lies das, wenn du</h2>
    <ul class="forlist">
      <li>klassische High Fantasy willst: Königreiche, Clans, Götter, Drachen, ein Schwert aus weißem Eisen.</li>
      <li>zwei Erzählstränge magst, die sich langsam aufeinander zubewegen.</li>
      <li>Magiesysteme schätzt, die Regeln haben und diese Regeln politisch werden lassen.</li>
      <li>Heldinnen suchst, die trauern, wüten und trotzdem weitergehen.</li>
      <li>am Anfang einer Reihe einsteigen willst statt in Band vier.</li>
    </ul>
  </section>

  <div class="authorbox">
    <h2>Über Sina Heckers</h2>
    <p>An dieser Geschichte hat Sina Heckers einundzwanzig Jahre gearbeitet: von ihrem elften Lebensjahr bis mit zweiunddreißig. Im Nachwort schreibt sie von den Brüchen und Zweifeln in dieser Zeit und davon, dass viele sie für verrückt erklärt haben, so lange an einem einzigen Lebenstraum festzuhalten.</p>
    <p>»Runenfeuer« ist das Ergebnis. Das Buch ist ihrem Großvater gewidmet, und der Weg von Enya und Skay ist mit diesem Band <span class="ic">noch nicht zu Ende erzählt</span>.</p>
  </div>

  <div class="closing">
    <p>Ein Reich in Asche, ein Zeichen auf der Haut,<br>und zwölf Kreise, die sich erst noch füllen müssen.</p>
    <div class="meta">Runenfeuer &middot; Seelenodem &middot; Litego Verlag</div>
  </div>

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

Runenfeuer

Seelenodem

Runenfeuer

Seelenodem

Jetzt bestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch