<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet">
<style>
  *, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  :root {
    --crimson: #8b1a1a;
    --crimson-light: #c0392b;
    --crimson-glow: #e05c5c;
    --gold: #c9a96e;
    --gold-dim: #8a6f3e;
    --parchment: #e8dfc8;
    --parchment-dim: #b8aa8e;
    --dark-bg: #0d080a;
    --dark-mid: #170e10;
    --dark-card: #1e1215;
    --text-main: #d4c5b5;
    --text-dim: #8a7a6e;
  }

  body {
    background-color: var(--dark-bg);
    color: var(--text-main);
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 17px;
    line-height: 1.75;
    overflow-x: hidden;
  }

  /* AMBIENT BACKGROUND */
  .ambient-bg {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
  }
  .ambient-bg::before {
    content: '';
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 60%;
    background: radial-gradient(ellipse at center, rgba(139,26,26,0.12) 0%, transparent 70%);
    animation: pulseGlow 6s ease-in-out infinite;
  }
  .ambient-bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 300px;
    background: linear-gradient(to top, rgba(139,26,26,0.06), transparent);
  }

  @keyframes pulseGlow {
    0%, 100% { opacity: 0.6; transform: translateX(-50%) scale(1); }
    50% { opacity: 1; transform: translateX(-50%) scale(1.05); }
  }

  .wrapper {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    padding: 3em 1.5em 4em;
  }

  /* ORNAMENTAL DIVIDER */
  .ornament {
    text-align: center;
    color: var(--gold-dim);
    font-size: 1.1em;
    letter-spacing: 0.4em;
    margin: 2em 0;
    opacity: 0.7;
  }
  .ornament::before,
  .ornament::after {
    content: '──────';
    color: var(--crimson);
    opacity: 0.4;
    margin: 0 0.6em;
  }

  /* HEADER */
  .book-header {
    text-align: center;
    padding-bottom: 0.5em;
    animation: fadeInDown 1s ease both;
  }

  .series-label {
    font-family: 'Cinzel', serif;
    font-size: 0.78em;
    letter-spacing: 0.35em;
    color: var(--gold-dim);
    text-transform: uppercase;
    margin-bottom: 1.2em;
    opacity: 0.8;
  }

  .book-title {
    font-family: 'Cinzel Decorative', serif;
    font-size: clamp(1.8em, 5vw, 2.8em);
    line-height: 1.2;
    color: var(--parchment);
    text-shadow: 0 0 40px rgba(192, 57, 43, 0.4), 0 2px 4px rgba(0,0,0,0.8);
    margin-bottom: 0.4em;
    letter-spacing: 0.03em;
  }

  .book-subtitle {
    font-family: 'Cinzel', serif;
    font-size: 0.9em;
    letter-spacing: 0.25em;
    color: var(--crimson-glow);
    text-transform: uppercase;
    margin-bottom: 0.3em;
  }

  .book-author {
    font-family: 'Cinzel', serif;
    font-size: 0.85em;
    letter-spacing: 0.2em;
    color: var(--gold);
    margin-top: 1em;
  }

  /* COVER IMAGE */
  .cover-container {
    text-align: center;
    margin: 2em 0;
    animation: fadeIn 1.2s ease 0.3s both;
  }

  .cover-container img {
    max-width: min(280px, 60vw);
    height: auto;
    border-radius: 3px;
    box-shadow:
      0 0 0 1px rgba(139,26,26,0.3),
      0 0 30px rgba(139,26,26,0.25),
      0 20px 60px rgba(0,0,0,0.8);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
  }

  .cover-container img:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow:
      0 0 0 1px rgba(192,57,43,0.4),
      0 0 50px rgba(192,57,43,0.35),
      0 30px 70px rgba(0,0,0,0.9);
  }

  /* HOOK QUOTE */
  .hook-quote {
    text-align: center;
    font-size: 1.25em;
    font-style: italic;
    color: var(--parchment-dim);
    padding: 1.5em 2em;
    position: relative;
    animation: fadeIn 1s ease 0.5s both;
  }
  .hook-quote::before {
    content: '\201E';
    font-size: 4em;
    color: var(--crimson);
    opacity: 0.3;
    position: absolute;
    top: -0.1em;
    left: 0.2em;
    font-family: Georgia, serif;
    line-height: 1;
  }

  /* CONTENT SECTIONS */
  .section {
    margin-bottom: 1.8em;
    padding-left: 1.2em;
    border-left: 2px solid var(--crimson);
    animation: fadeInLeft 0.8s ease both;
    border-image: linear-gradient(to bottom, var(--crimson), transparent) 1;
  }

  .section:nth-child(2) { animation-delay: 0.2s; }
  .section:nth-child(3) { animation-delay: 0.35s; }
  .section:nth-child(4) { animation-delay: 0.5s; }

  .section p {
    font-size: 1.05em;
    color: var(--text-main);
  }

  .hl {
    color: var(--crimson-glow);
    font-weight: 500;
  }

  .hl-gold {
    color: var(--gold);
    font-weight: 500;
  }

  /* TEASER BLOCK */
  .teaser-block {
    background: linear-gradient(135deg, rgba(139,26,26,0.08), rgba(13,8,10,0.6));
    border: 1px solid rgba(139,26,26,0.25);
    border-radius: 2px;
    padding: 1.5em 1.8em;
    margin: 2em 0;
    position: relative;
    overflow: hidden;
  }

  .teaser-block::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 3px; height: 100%;
    background: linear-gradient(to bottom, var(--crimson-light), var(--crimson), transparent);
  }

  .teaser-block p {
    font-size: 1.05em;
    color: var(--text-main);
  }

  /* FACTS ROW */
  .facts-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin: 2em 0;
    justify-content: center;
  }

  .fact-chip {
    font-family: 'Cinzel', serif;
    font-size: 0.72em;
    letter-spacing: 0.15em;
    color: var(--gold-dim);
    border: 1px solid rgba(201,169,110,0.2);
    padding: 0.4em 1em;
    border-radius: 1px;
    text-transform: uppercase;
    background: rgba(201,169,110,0.04);
  }

  /* CLOSING */
  .closing-statement {
    text-align: center;
    margin: 2.5em 0 2em;
    font-size: 1.15em;
    font-style: italic;
    color: var(--parchment-dim);
    line-height: 1.7;
  }

  .closing-statement strong {
    color: var(--parchment);
    font-style: normal;
    font-weight: 500;
  }

  /* AUTHOR SECTION */
  .author-section {
    margin-top: 3em;
    padding-top: 2em;
    border-top: 1px solid rgba(139,26,26,0.2);
    display: flex;
    gap: 2em;
    align-items: flex-start;
    animation: fadeIn 1s ease 0.8s both;
  }

  .author-content {}

  .author-label {
    font-family: 'Cinzel', serif;
    font-size: 0.7em;
    letter-spacing: 0.35em;
    color: var(--gold-dim);
    text-transform: uppercase;
    margin-bottom: 0.4em;
    opacity: 0.7;
  }

  .author-name {
    font-family: 'Cinzel', serif;
    font-size: 1.2em;
    color: var(--parchment);
    margin-bottom: 0.7em;
    letter-spacing: 0.05em;
  }

  .author-bio {
    font-size: 0.95em;
    color: var(--text-dim);
    line-height: 1.65;
  }

  .author-bio strong {
    color: var(--text-main);
    font-weight: 500;
  }

  /* ANIMATIONS */
  @keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-12px); }
    to { opacity: 1; transform: translateX(0); }
  }

  /* MOBILE */
  @media (max-width: 600px) {
    .wrapper { padding: 2em 1.2em 3em; }
    .book-title { font-size: 1.6em; }
    .author-section { flex-direction: column; align-items: center; }
    .author-photo { width: 90px; height: 115px; }
    .author-content { text-align: center; }
    .hook-quote { padding: 1.2em 1em; font-size: 1.1em; }
    .hook-quote::before { left: 0; }
    .facts-row { gap: 0.6em; }
    .fact-chip { font-size: 0.65em; }
  }
</style>
</head>
<body>

<div class="ambient-bg"></div>

<div class="wrapper">

  
  <div class="book-header">
    <div class="series-label">Die Gottesdiener · Band 1</div>
    <h1 class="book-title">Spiele um<br>Segen und Verdammnis</h1>
    <div class="book-subtitle">Ein Dark-Fantasy-Roman</div>
    <div class="book-author">Jana Ulmer</div>
  </div>

  <div class="ornament">✦</div>

  
  <div class="cover-container">
    <img src="https://litego-prod.s3.amazonaws.com/books/cmhm13ohs0006ju04etf4q1t9/cover-1762350112089.jpg" alt="Spiele um Segen und Verdammnis – Buchcover" />
  </div>

  <div class="ornament">✦</div>

  
  <div class="hook-quote">
    Mit vierzehn Jahren hat sie ihren ersten Mord begangen. Mit neunzehn versucht sie, das zu vergessen.
    Doch manche Vergangenheiten lassen sich nicht auslöschen.
  </div>

  
  <div class="section">
    <p>
      <span class="hl">Aveny Macall</span> war einmal eine Killerin – ausgebildet von den <span class="hl">Boten des Lichts</span>, einer skrupellosen Organisation, die aus Kindern Werkzeuge des Todes formte. Mit Drogen, Konditionierung und dunkler Magie wurde sie zu etwas gemacht, das eigentlich nicht sein sollte: einer <span class="hl-gold">Tristi</span> – einem finsteren Gottesdiener mit Flügeln aus Eisenschuppen und dem Tod in den Händen.
    </p>
  </div>

  <div class="section">
    <p>
      Doch das ist fünf Jahre her. Die Organisation ist Geschichte. Aveny lebt nun in der Hauptstadt des ersten Seenlandes, kocht Suppen, trainiert täglich mit ihrem besten Freund Kad – und versucht mit allem, was sie hat, ein gewöhnliches Leben zu führen. <span class="hl">Jede Nacht träumt sie von ihren Opfern.</span> Jeden Morgen verbrennt sie deren Namen.
    </p>
  </div>

  <div class="teaser-block">
    <p>
      Als im ersten Seenland die <span class="hl-gold">Ehrenspiele</span> ausgerufen werden und Kad als einer der Favoriten in einen gefährlichen Wettstreit zieht, verschieben sich die Kräfteverhältnisse. Alte Mächte erwachen. Und Aveny muss sich einer Frage stellen, der sie fünf Jahre lang ausgewichen ist:
    </p>
    <br>
    <p style="font-style:italic; color: var(--parchment-dim);">
      Was bist du, wenn das Monster in dir nie wirklich schlafen gegangen ist?
    </p>
  </div>

  <div class="section">
    <p>
      <em>Spiele um Segen und Verdammnis</em> ist ein <span class="hl">mitreißender Dark-Fantasy-Auftakt</span> über Schuld und Neuanfang, über die Grenze zwischen Mensch und Wesen, über Freundschaft in einer Welt voller Götter, Krieg und Schatten. Wer Bücher liebt, in denen die Protagonistin mehr Abgründe trägt als die Welt um sie herum – <span class="hl-gold">ist hier genau richtig</span>.
    </p>
  </div>

  
  <div class="facts-row">
    <div class="fact-chip">Dark Fantasy</div>
    <div class="fact-chip">Assassinin-Protagonistin</div>
    <div class="fact-chip">Götter & Dämonen</div>
    <div class="fact-chip">Morally Complex</div>
    <div class="fact-chip">Slow Burn</div>
    <div class="fact-chip">Reihenauftakt</div>
  </div>

  
  <div class="closing-statement">
    Ein Roman, der unter die Haut geht –<br>
    <strong>für alle, die das Dunkle in der Fantasie nicht fürchten, sondern suchen.</strong>
  </div>

  <div class="ornament">✦</div>

  
  <div class="author-section">

    <div class="author-content">
      <div class="author-label">Über die Autorin</div>
      <div class="author-name">Jana Ulmer</div>
      <p class="author-bio">
        Jana Ulmer wurde 1992 in Mainz am Rhein geboren und lebt noch heute in der Nähe. Die Begeisterung für Fantasy begleitet sie seit Kindheitstagen – <strong>und ließ ihr irgendwann keine Wahl mehr, als selbst zu schreiben</strong>. Nach Jahren, in denen sie Geschichten nur in ihrem Kopf auslebte, wagte sie schließlich den Schritt zur Feder. Ihr Debüt fand seine Leserschaft – und bestärkte Jana in dem Wunsch, <strong>weiter zu veröffentlichen</strong>.
      </p>
    </div>
  </div>

</div>

</body>
</html>

Die Gottesdiener

Spiele um Segen und Verdammnis - Band 1

Die Gottesdiener

Spiele um Segen und Verdammnis - Band 1

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch