<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Angel Eyes - Im Schatten des Schweigens</title>
<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    padding: 0;
    background: 
      linear-gradient(135deg, #1a1f2e 0%, #2d3748 25%, #1a1f2e 50%, #2d3748 75%, #1a1f2e 100%);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
    font-family: 'Garamond', 'Georgia', serif;
    overflow-x: hidden;
    position: relative;
  }
  
  @keyframes gradientShift {
    0%, 100% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
  }
  
  /* Animated fog/smoke effect */
  body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
      radial-gradient(ellipse at 20% 20%, rgba(99, 179, 237, 0.15) 0%, transparent 40%),
      radial-gradient(ellipse at 80% 80%, rgba(139, 92, 246, 0.12) 0%, transparent 40%),
      radial-gradient(ellipse at 50% 100%, rgba(99, 179, 237, 0.1) 0%, transparent 50%),
      radial-gradient(ellipse at 10% 60%, rgba(139, 92, 246, 0.08) 0%, transparent 35%);
    pointer-events: none;
    z-index: 1;
    animation: fogMove 25s ease-in-out infinite alternate;
  }
  
  @keyframes fogMove {
    0% {
      transform: translate(0, 0) scale(1) rotate(0deg);
      opacity: 0.6;
    }
    33% {
      transform: translate(-30px, 30px) scale(1.1) rotate(2deg);
      opacity: 0.8;
    }
    66% {
      transform: translate(20px, -20px) scale(0.95) rotate(-2deg);
      opacity: 0.7;
    }
    100% {
      transform: translate(10px, -10px) scale(1.05) rotate(1deg);
      opacity: 0.75;
    }
  }
  
  .book-description {
    max-width: 1000px;
    margin: 0 auto;
    padding: 4em 3em;
    position: relative;
    z-index: 2;
  }
  

  
  .title-section {
    text-align: center;
    margin-bottom: 4em;
    padding: 5em 0;
    position: relative;
    background: 
      linear-gradient(180deg, rgba(99, 179, 237, 0.08) 0%, transparent 100%);
  }
  
  .title-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 300px;
    background: 
      radial-gradient(ellipse at top, rgba(99, 179, 237, 0.2) 0%, transparent 70%);
    filter: blur(40px);
    animation: titlePulse 5s ease-in-out infinite;
  }
  
  @keyframes titlePulse {
    0%, 100% {
      opacity: 0.5;
      transform: scale(1);
    }
    50% {
      opacity: 0.8;
      transform: scale(1.1);
    }
  }
  
  .title-section::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 40px;
    background: 
      radial-gradient(ellipse at center, rgba(99, 179, 237, 0.4) 0%, transparent 70%);
    filter: blur(20px);
  }
  
  .main-title {
    font-size: 4em;
    color: #fff;
    margin-bottom: 0.5em;
    font-weight: 300;
    letter-spacing: 8px;
    text-shadow: 
      0 0 30px rgba(99, 179, 237, 0.6),
      0 0 60px rgba(99, 179, 237, 0.3),
      0 5px 20px rgba(0, 0, 0, 0.8);
    animation: titleGlow 3s ease-in-out infinite alternate;
  }
  
  @keyframes titleGlow {
    from {
      text-shadow: 
        0 0 20px rgba(99, 179, 237, 0.5),
        0 0 40px rgba(99, 179, 237, 0.2),
        0 5px 20px rgba(0, 0, 0, 0.8);
    }
    to {
      text-shadow: 
        0 0 40px rgba(99, 179, 237, 0.8),
        0 0 80px rgba(99, 179, 237, 0.4),
        0 5px 20px rgba(0, 0, 0, 0.8);
    }
  }
  
  .subtitle {
    font-size: 1.6em;
    color: #a0aec0;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 2px;
    opacity: 0.9;
  }
  
  .intro-quote {
    font-size: 1.5em;
    color: #e2e8f0;
    margin: 4em auto;
    padding: 3em 4em;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    max-width: 850px;
    position: relative;
    background: 
      linear-gradient(135deg, rgba(45, 55, 72, 0.5) 0%, rgba(30, 40, 55, 0.3) 100%);
    backdrop-filter: blur(20px);
    border-radius: 0;
    box-shadow: 
      0 20px 60px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 0 0 1px rgba(99, 179, 237, 0.2);
    line-height: 1.8;
  }
  
  .intro-quote::before {
    content: '"';
    position: absolute;
    top: -20px;
    left: 30px;
    font-size: 6em;
    color: rgba(99, 179, 237, 0.3);
    font-family: Georgia, serif;
    line-height: 1;
  }
  
  .intro-quote::after {
    content: '"';
    position: absolute;
    bottom: -50px;
    right: 30px;
    font-size: 6em;
    color: rgba(99, 179, 237, 0.3);
    font-family: Georgia, serif;
    line-height: 1;
  }
  
  .main-text {
    margin-bottom: 2em;
    font-size: 1.2em;
    color: #cbd5e0;
    line-height: 2;
    text-align: justify;
    font-weight: 300;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  }
  
  .highlight {
    color: #90cdf4;
    font-weight: 400;
    text-shadow: 0 0 10px rgba(99, 179, 237, 0.3);
    position: relative;
  }
  
  .section {
    margin-bottom: 3em;
    padding: 2.5em 3em;
    position: relative;
    background: 
      linear-gradient(135deg, rgba(45, 55, 72, 0.6) 0%, rgba(30, 40, 55, 0.4) 100%);
    backdrop-filter: blur(15px);
    border-radius: 0;
    border-left: 3px solid rgba(99, 179, 237, 0.5);
    box-shadow: 
      -8px 0 40px rgba(99, 179, 237, 0.15),
      0 10px 50px rgba(0, 0, 0, 0.4);
    transition: all 0.5s ease;
    overflow: hidden;
  }
  
  .section::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: 
      radial-gradient(circle, rgba(99, 179, 237, 0.05) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .section:hover::before {
    opacity: 1;
  }
  
  .section:hover {
    transform: translateX(15px);
    background: 
      linear-gradient(135deg, rgba(45, 55, 72, 0.8) 0%, rgba(30, 40, 55, 0.6) 100%);
    border-left-color: rgba(99, 179, 237, 0.8);
    box-shadow: 
      -12px 0 50px rgba(99, 179, 237, 0.25),
      0 15px 60px rgba(0, 0, 0, 0.6);
  }
  
  /* Decorative corner elements */
  .section:nth-child(odd)::after {
    content: '◆';
    position: absolute;
    top: 20px;
    right: 20px;
    color: rgba(99, 179, 237, 0.2);
    font-size: 2em;
    animation: sparkle 3s ease-in-out infinite;
  }
  
  @keyframes sparkle {
    0%, 100% {
      opacity: 0.2;
      transform: scale(1);
    }
    50% {
      opacity: 0.5;
      transform: scale(1.2);
    }
  }
  
  .warning-box {
    background: 
      linear-gradient(135deg, rgba(99, 179, 237, 0.08) 0%, rgba(99, 179, 237, 0.03) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(99, 179, 237, 0.3);
    border-radius: 0;
    padding: 2em 3em;
    margin: 3em 0;
    text-align: center;
    position: relative;
    box-shadow: 
      0 10px 50px rgba(0, 0, 0, 0.5),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }
  
  .warning-box::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(45deg, 
      transparent 0%, 
      rgba(99, 179, 237, 0.1) 50%, 
      transparent 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .warning-box:hover::before {
    opacity: 1;
  }
  
  .warning-title {
    color: #90cdf4;
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: 1em;
    letter-spacing: 2px;
    text-shadow: 0 0 20px rgba(99, 179, 237, 0.4);
  }
  
  .author-section {
    margin-top: 5em;
    padding: 3em;
    background: 
      linear-gradient(135deg, rgba(15, 20, 30, 0.5) 0%, rgba(10, 15, 25, 0.7) 100%);
    backdrop-filter: blur(20px);
    border-radius: 0;
    border-top: 1px solid rgba(99, 179, 237, 0.3);
    border-bottom: 1px solid rgba(99, 179, 237, 0.3);
    box-shadow: 
      0 -5px 30px rgba(99, 179, 237, 0.05),
      0 10px 50px rgba(0, 0, 0, 0.6);
    position: relative;
  }
  
  .author-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(99, 179, 237, 0.6), transparent);
    box-shadow: 0 0 20px rgba(99, 179, 237, 0.3);
  }
  
  .author-title {
    font-size: 2em;
    color: #90cdf4;
    margin-bottom: 2em;
    text-align: center;
    font-weight: 300;
    letter-spacing: 4px;
    text-shadow: 0 0 20px rgba(99, 179, 237, 0.3);
  }
  
  .author-name {
    font-size: 1.5em;
    color: #cbd5e0;
    font-weight: 400;
    margin-bottom: 1.5em;
    letter-spacing: 2px;
  }
  
  .author-text {
    line-height: 2;
    color: #a0aec0;
    font-size: 1.1em;
    font-weight: 300;
    margin-bottom: 1.5em;
  }
  
  .divider {
    height: 100px;
    position: relative;
    margin: 4em 0;
  }
  
  .divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(to right, 
      transparent, 
      rgba(99, 179, 237, 0.3), 
      rgba(99, 179, 237, 0.6),
      rgba(99, 179, 237, 0.3), 
      transparent);
    box-shadow: 0 0 30px rgba(99, 179, 237, 0.2);
  }
  
  .divider::after {
    content: '◆';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(99, 179, 237, 0.5);
    font-size: 1.5em;
    text-shadow: 0 0 20px rgba(99, 179, 237, 0.5);
  }
  
  /* Additional atmospheric effects */
  .main-text strong {
    color: #90cdf4;
    font-weight: 500;
    text-shadow: 0 0 15px rgba(99, 179, 237, 0.3);
  }
  
  @media (max-width: 768px) {
    .main-title {
      font-size: 2.5em;
      letter-spacing: 4px;
    }
    
    .book-description {
      padding: 2em 1.5em;
    }
    
    .cover-image {
      max-width: 300px;
    }
    
    .section {
      padding: 2em 1.5em;
    }
    
    .intro-quote {
      padding: 1.5em 2em;
      font-size: 1.2em;
    }
  }
</style>
</head>
<body>
<div class="book-description">
  
  <div class="title-section">
    <h1 class="main-title">ANGEL EYES</h1>
    <p class="subtitle">Im Schatten des Schweigens</p>
  </div>

  <p class="intro-quote">
    „Manchmal verkauft man seine Seele nicht für Reichtum – sondern um jemanden zu retten, der nie erfährt, was es gekostet hat."
  </p>
  
  <div class="section">
    <p class="main-text">
      In den Schatten der Unterwelt, wo Moral zur Verhandlungsmasse wird und jede Entscheidung Leben kosten kann, kreuzen sich die Wege von <span class="highlight">Solace Creed</span> und <span class="highlight">Emma Maddox</span>. Er – ein Mann, der längst aufgehört hat zu glauben, dass es so etwas wie Rettung gibt. Sie – eine Frau, deren Berufung es ist zu heilen, doch die selbst tief gezeichnet ist von den Wunden, die nicht sichtbar sind.
    </p>
  </div>
  
  <div class="section">
    <p class="main-text">
      <span class="highlight">Solace</span> hat sein Leben der Dunkelheit verschrieben, ein Dasein zwischen blutigen Geschäften, Loyalität und Verrat. Als er schwer verletzt in ihre Obhut gerät, erkennt er in <span class="highlight">Emma</span> nicht nur die Krankenschwester, die ihn am Leben hält – sondern auch den einzigen Menschen, der ihm das Gefühl gibt, noch etwas zu sein, das es wert ist, gerettet zu werden.
    </p>
  </div>
  
  <div class="section">
    <p class="main-text">
      Doch Emma trägt ihre eigenen Dämonen. Hinter ihrer professionellen Fassade verbirgt sich ein Riss, tief und gefährlich, den niemand sehen darf. Als sie beginnt, in Solace' Welt hineingezogen zu werden, muss sie sich fragen: <span class="highlight">Kann man jemanden retten, der nicht gerettet werden will? Und was passiert, wenn man dabei selbst verloren geht?</span>
    </p>
  </div>
  
  <div class="section">
    <p class="main-text">
      Zwischen Faszination und Gefahr, zwischen dem Wunsch nach Nähe und der Angst vor Kontrollverlust entspinnt sich eine Geschichte voller Spannung, Intensität und dunkler Romantik. In einer Welt, in der Schweigen oft mehr sagt als Worte und Vertrauen zur gefährlichsten Währung wird, müssen beide entscheiden: <span class="highlight">Wie viel von sich selbst ist man bereit zu opfern – und kann Liebe wirklich dort wachsen, wo das Licht niemals hinreicht?</span>
    </p>
  </div>
  
  <div class="divider"></div>
  
  <div class="warning-box">
    <p class="warning-title">⚠️ Triggerwarnung</p>
    <p class="main-text">
      Dieser Roman behandelt sensible Themen wie Gewalt, organisierte Kriminalität, psychische Belastungen und toxische Beziehungsdynamiken. Er ist für erwachsene Leser*innen konzipiert und enthält explizite Szenen sowie emotional herausfordernde Inhalte.
    </p>
  </div>
  
  <div class="divider"></div>
  
  <p class="intro-quote">
    „Ein Engel mit kalten Händen ist gefährlicher als jede Waffe."
  </p>
  
  <div class="section">
    <p class="main-text">
      <strong>Angel Eyes – Im Schatten des Schweigens</strong> ist der erste Teil einer packenden Dilogie, die dich in die dunkelsten Ecken der menschlichen Seele führt. Eine Geschichte über Schuld und Erlösung, über die Frage, ob man seine Vergangenheit jemals wirklich hinter sich lassen kann – und ob manche Menschen bestimmt sind, sich gegenseitig zu zerstören oder zu retten.
    </p>
  </div>
  
  <div class="section">
    <p class="main-text">
      <span class="highlight">Für Fans von düsterer Romance, Mafia-Thrillern und emotional intensiven Geschichten</span>, die nicht davor zurückschrecken, die Abgründe des Menschseins zu erkunden. Ein Roman, der unter die Haut geht und noch lange nachhallt.
    </p>
  </div>
  
  <div class="divider"></div>
  
  <div class="author-section">
    <h2 class="author-title">Über die Autorin</h2>
    
    <p class="author-name">Tony Zarfl</p>
    
    <p class="author-text">
      Tony (Antonia) Zarfl wurde 2002 in Kärnten, im Süden Österreichs, in einem kleinen Dorf geboren. Dort lebte sie bis zu ihrem Schulabschluss 2020 mit ihrer Familie. Da sie sich ihres Weges noch unsicher war, hat sie fast zwei Jahre damit verbracht, die Welt zu bereisen und im Ausland zu leben. Um der Liebe zur Sprache und den Medien nachzugehen, zog sie 2022 nach Wien, wo sie begann Journalismus & Medienmanagement sowie Soziologie zu studieren.
    </p>
    
    <p class="author-text">
      Mittlerweile wohnt sie in Bisamberg bei Wien gemeinsam mit ihrem Partner und den gemeinsamen zwei Katzen. Seit Herbst 2024 ist sie als Projektmanagerin des Buchverlags Litego tätig und arbeitet dort mit vielen anderen inspirierenden Autoren zusammen. Bereits in ihrer Schulzeit hat sie gerne geschrieben und Freunden gerne ihre Kurzgeschichten präsentiert.
    </p>
    
    <p class="author-text">
      Mit ihrem Debütroman <em>„Die dunklen Wolken in meinem Kopf"</em> fasste sie 2024 das erste Mal Fuß in der Buchwelt. Mit dem Auftakt der Dilogie <strong>„Angel Eyes"</strong> setzt sie ihre Autorenreise nun fort und probiert sich in einem komplett neuen Genre aus – einer Welt voller Schatten, Geheimnisse und der Frage, wie weit man für die Menschen gehen würde, die man liebt.
    </p>
  </div>
  
</div>
</body>
</html>

Angel Eyes 1

Im Schatten des Schweigens I Dark Romantic Suspence mit Farbschnitt

Angel Eyes 1

Im Schatten des Schweigens I Dark Romantic Suspence mit Farbschnitt

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch