<!DOCTYPE html>
<html lang="de">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

  * { box-sizing: border-box; }

  body {
    margin: 0;
    background: #090c11;
    overflow-x: hidden;
  }

  .book-description {
    max-width: 100%;
    margin: 0 auto;
    font-family: 'Cormorant Garamond', Georgia, serif;
    line-height: 1.85;
    color: #d6d0c4;
    position: relative;
    background:
      radial-gradient(circle at 50% -5%, rgba(216, 189, 132, 0.16) 0%, transparent 45%),
      radial-gradient(circle at 50% 106%, rgba(150, 25, 30, 0.20) 0%, transparent 45%),
      radial-gradient(circle at 18% 38%, rgba(42, 54, 70, 0.32) 0%, transparent 52%),
      linear-gradient(162deg, #0a0d12 0%, #14181f 35%, #10141a 65%, #0a0d12 100%);
    padding: 0;
  }

  .embers {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
      radial-gradient(1.6px 1.6px at 22px 34px, rgba(236, 217, 168, 0.7), transparent),
      radial-gradient(1.5px 1.5px at 88px 72px, rgba(200, 51, 65, 0.55), transparent),
      radial-gradient(1px 1px at 140px 40px, rgba(236, 217, 168, 0.5), transparent),
      radial-gradient(1.3px 1.3px at 180px 96px, rgba(216, 189, 132, 0.4), transparent),
      radial-gradient(1.1px 1.1px at 50px 110px, rgba(200, 51, 65, 0.45), transparent);
    background-repeat: repeat;
    background-size: 220px 150px;
    animation: drift 9s ease-in-out infinite alternate;
    opacity: 0.6;
  }
  @keyframes drift { 0% { opacity: 0.35; } 100% { opacity: 0.7; } }

  .glyph {
    position: absolute;
    color: rgba(216, 189, 132, 0.15);
    font-family: 'Cinzel', serif;
    pointer-events: none;
    animation: floaty 16s ease-in-out infinite;
  }
  .glyph-1 { font-size: 50px; top: 8%; right: 8%; }
  .glyph-2 { font-size: 36px; bottom: 16%; left: 6%; animation-direction: reverse; color: rgba(200, 51, 65, 0.15); }
  @keyframes floaty { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-18px) rotate(6deg); } }

  .content-wrapper {
    position: relative;
    z-index: 2;
    background: rgba(14, 17, 23, 0.80);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(216, 189, 132, 0.20);
    margin: 2em;
    padding: 3em;
    border-radius: 18px;
    box-shadow:
      0 22px 48px rgba(0, 0, 0, 0.72),
      0 0 60px rgba(150, 25, 30, 0.10),
      inset 0 1px 0 rgba(236, 217, 168, 0.10);
  }
  .content-wrapper::before,
  .content-wrapper::after {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    pointer-events: none;
  }
  .content-wrapper::before {
    top: 12px; left: 12px;
    border-top: 1px solid rgba(216, 189, 132, 0.5);
    border-left: 1px solid rgba(216, 189, 132, 0.5);
    border-top-left-radius: 8px;
  }
  .content-wrapper::after {
    bottom: 12px; right: 12px;
    border-bottom: 1px solid rgba(216, 189, 132, 0.5);
    border-right: 1px solid rgba(216, 189, 132, 0.5);
    border-bottom-right-radius: 8px;
  }

  .eyebrow {
    text-align: center;
    font-family: 'Cinzel', serif;
    font-size: 0.82em;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: rgba(200, 70, 78, 0.9);
    margin-bottom: 1.1em;
  }
  .title {
    font-family: 'Cinzel', serif;
    font-size: 3.4em;
    line-height: 1.1;
    text-align: center;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 0.3em;
    background: linear-gradient(180deg, #f3e6c0 0%, #ddc188 42%, #b9954f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 34px rgba(216, 189, 132, 0.32);
    animation: titleglow 4s ease-in-out infinite alternate;
  }
  @keyframes titleglow {
    0% { filter: drop-shadow(0 0 14px rgba(216, 189, 132, 0.28)); }
    100% { filter: drop-shadow(0 0 26px rgba(216, 189, 132, 0.5)); }
  }
  .byline {
    text-align: center;
    font-style: italic;
    font-size: 1.2em;
    color: #b3ab9c;
    margin-bottom: 2.4em;
  }

  .divider {
    text-align: center;
    color: rgba(216, 189, 132, 0.6);
    letter-spacing: 8px;
    font-size: 1.05em;
    margin: 2.4em 0;
  }

  .mystical-quote {
    font-size: 1.45em;
    font-style: italic;
    text-align: center;
    color: #e8dcc0;
    line-height: 1.6;
    margin: 0 auto 2.6em;
    max-width: 30em;
  }

  .mantra {
    font-family: 'Cinzel', serif;
    font-size: 1.7em;
    font-weight: 600;
    text-align: center;
    line-height: 1.35;
    color: #efe0b6;
    margin: 2.4em auto;
    max-width: 16em;
    text-shadow: 0 0 26px rgba(150, 25, 30, 0.38);
  }

  h2.section-head {
    font-family: 'Cinzel', serif;
    font-size: 1.7em;
    color: #ddc188;
    letter-spacing: 1.5px;
    margin: 0 0 0.7em;
  }
  .main-text {
    font-size: 1.2em;
    color: #d2cabb;
    margin-bottom: 1.4em;
  }
  .main-text .hl { color: #efe0b6; font-weight: 600; }
  .main-text .blood { color: #df7a78; font-style: italic; }

  .section { margin-bottom: 2.8em; }

  .character-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.4em;
    margin: 2.4em 0;
  }
  .char-card {
    background: linear-gradient(155deg, rgba(22, 27, 34, 0.7), rgba(30, 14, 16, 0.55));
    border: 1px solid rgba(216, 189, 132, 0.16);
    border-radius: 14px;
    padding: 1.8em 1.6em;
  }
  .char-name {
    font-family: 'Cinzel', serif;
    font-size: 1.3em;
    color: #efe0b6;
    letter-spacing: 1px;
    margin-bottom: 0.15em;
  }
  .char-role {
    font-style: italic;
    color: #d6605e;
    margin-bottom: 0.8em;
    font-size: 1.05em;
  }
  .char-text { font-size: 1.1em; color: #c8c0b1; }

  .pull-quote {
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
    line-height: 1.55;
    color: #ecdcbd;
    border-top: 1px solid rgba(216, 189, 132, 0.22);
    border-bottom: 1px solid rgba(216, 189, 132, 0.22);
    padding: 1.4em 1em;
    margin: 3em auto;
    max-width: 26em;
  }
  .pull-quote .blood { color: #df7a78; }

  .feature-list { list-style: none; padding: 0; margin: 1.6em 0; }
  .feature-list li {
    position: relative;
    padding-left: 2em;
    margin-bottom: 1.05em;
    font-size: 1.18em;
    color: #d2cabb;
  }
  .feature-list li::before {
    content: '\2720';
    position: absolute;
    left: 0;
    top: 0.05em;
    color: #d8bd84;
  }

  .author-box {
    background: rgba(18, 22, 28, 0.6);
    border: 1px solid rgba(216, 189, 132, 0.16);
    border-left: 3px solid #d8bd84;
    border-radius: 12px;
    padding: 1.8em 2em;
    margin: 2.8em 0;
  }
  .author-box h3 {
    font-family: 'Cinzel', serif;
    font-size: 1.2em;
    color: #ddc188;
    margin: 0 0 0.5em;
    letter-spacing: 1px;
  }
  .author-box p { font-size: 1.12em; color: #c8c0b1; margin: 0; }

  .closing {
    text-align: center;
    margin-top: 3em;
    padding-top: 2.4em;
    border-top: 1px solid rgba(216, 189, 132, 0.2);
  }
  .closing .line {
    font-family: 'Cinzel', serif;
    font-size: 1.5em;
    color: #efe0b6;
    letter-spacing: 1.5px;
    margin-bottom: 0.5em;
    text-shadow: 0 0 24px rgba(150, 25, 30, 0.38);
  }
  .closing .sub {
    font-style: italic;
    color: #b3ab9c;
    font-size: 1.15em;
  }

  @media screen and (max-width: 768px) {
    .content-wrapper { margin: 1em; padding: 1.6em 1.3em; }
    .content-wrapper::before, .content-wrapper::after { display: none; }
    .title { font-size: 2.2em; letter-spacing: 1.5px; }
    .byline { font-size: 1.05em; }
    .mystical-quote { font-size: 1.2em; }
    .mantra { font-size: 1.3em; max-width: 100%; }
    h2.section-head { font-size: 1.35em; }
    .main-text, .char-text, .feature-list li, .author-box p { font-size: 1.05em; }
    .character-grid { grid-template-columns: 1fr; gap: 1em; }
    .pull-quote { font-size: 1.25em; }
    .closing .line { font-size: 1.25em; }
    .embers, .glyph { display: none; }
  }

  @media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
  }
</style>
</head>
<body>
  <div class="book-description">
    <div class="embers"></div>
    <div class="glyph glyph-1">&#10016;</div>
    <div class="glyph glyph-2">&#10016;</div>

    <div class="content-wrapper">

      <div class="eyebrow">Spiele um Segen und Verdammnis &middot; Band 1</div>
      <h1 class="title">Die Gottesdiener</h1>
      <div class="byline">Ein Roman von Jana Ulmer</div>

      <p class="mystical-quote">&bdquo;Jeden Namen, den sie ausgel&ouml;scht hat, verbrennt sie bei Nacht. Damit der Schlaf sie nicht findet.&ldquo;</p>

      <div class="divider">&#10016; &nbsp; &#9472;&#9472; &nbsp; &#10016;</div>

      <p class="mantra">Was, wenn die perfekte M&ouml;rderin eine Heldin spielen muss?</p>

      <div class="section">
        <p class="main-text">Mit vierzehn wurde <span class="hl">Aveny Macall</span> vollkommen. Die erste Sch&uuml;lerin der Boten des Lichts, die ihre Menschlichkeit ganz ablegte. Gl&uuml;hende Augen und Fl&uuml;gel aus blankem Eisen. Ein <span class="blood">finsterer Gottesdiener</span>, gez&uuml;chtet, um zu t&ouml;ten.</p>
        <p class="main-text">F&uuml;nf Jahre sp&auml;ter ist die Organisation zerschlagen. Aveny lebt versteckt als K&uuml;chengehilfin am Hof von Lord Thain, dem Einzigen, der an das Gute in ihr glaubt. Die Mordlust hat sie gez&auml;hmt. Die Gesichter ihrer Opfer nicht.</p>
      </div>

      <div class="section">
        <h2 class="section-head">Die Ehrenspiele</h2>
        <p class="main-text">Dann kommt der Auftrag, der ihr Versteck zerrei&szlig;t. Alle zehn Jahre treten die Reiche zu den Ehrenspielen an, einem heiligen Wettkampf zu Ehren der Luxeri. Jedes Land schickt einen einzigen W&auml;chter in sechs Arenen. Wer gewinnt, sichert seiner Heimat <span class="hl">ein Jahrzehnt g&ouml;ttlichen Segen</span>.</p>
        <p class="main-text">Aveny soll sich getarnt unter die K&auml;mpfer mischen und herausfinden, was hinter dem Spiel wirklich steckt. Doch zwischen Klingen und uralten G&ouml;ttern droht ihre wahre Natur ans Licht zu kommen. Und dann ist sie nicht mehr die J&auml;gerin.</p>
      </div>

      <div class="character-grid">
        <div class="char-card">
          <div class="char-name">Aveny Macall</div>
          <div class="char-role">Die Auftragsm&ouml;rderin</div>
          <p class="char-text">Geschaffen f&uuml;r die Dunkelheit, getarnt im Licht. Sie wei&szlig;, wie man t&ouml;tet. Was sie nie gelernt hat: wie man vertraut.</p>
        </div>
        <div class="char-card">
          <div class="char-name">Kad</div>
          <div class="char-role">Der W&auml;chter</div>
          <p class="char-text">Er k&auml;mpft nicht f&uuml;r Ruhm, sondern f&uuml;r seine Familie. Der Einzige, der Aveny ansieht, ohne den Schatten in ihr zu suchen. Genau das macht ihn gef&auml;hrlich.</p>
        </div>
      </div>

      <p class="pull-quote">Segen f&uuml;r die W&uuml;rdigen. <span class="blood">Verdammnis f&uuml;r den Rest.</span> Dazwischen ein M&auml;dchen mit einem Dolch und zu vielen Namen im Kopf.</p>

      <div class="section">
        <h2 class="section-head">Was dich erwartet</h2>
        <ul class="feature-list">
          <li>Eine Antiheldin, die f&uuml;r das B&ouml;se erschaffen wurde und um ihr Gutes ringt</li>
          <li>G&ouml;tter, Magie und ein t&ouml;dliches Turnier um g&ouml;ttlichen Segen</li>
          <li>Eine langsam brennende Romanze zwischen Tarnung und Wahrheit</li>
          <li>Eine eigenst&auml;ndige High-Fantasy-Welt zwischen Luxeri und Tristi</li>
          <li>Der Auftakt einer neuen Reihe</li>
        </ul>
      </div>

      <div class="author-box">
        <h3>&Uuml;ber die Autorin</h3>
        <p>Jana Ulmer schreibt Fantasy mit dunklem Herzen und gro&szlig;en Gef&uuml;hlen. Bekannt wurde sie mit den &raquo;Tasyar-Chroniken&laquo;. Mit &raquo;Die Gottesdiener&laquo; er&ouml;ffnet sie ihre neue Reihe &raquo;Spiele um Segen und Verdammnis&laquo;.</p>
      </div>

      <div class="closing">
        <div class="line">Das Spiel hat begonnen.</div>
        <div class="sub">Such dir eine Seite.</div>
      </div>

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

Die Gottesdiener

Spiele um Segen und Verdammnis

Die Gottesdiener

Spiele um Segen und Verdammnis

Jetzt bestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch