<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Heute, Morgen und in alle Ewigkeit - Salem Pedro</title>
<style>
    :root {
        --primary-blue: #3a7da1;
        --light-blue: #5b98bd;
        --dark-bg: #0f141e;
        --silver: #d0d5d9;
        --border: #2a2a2a;
    }
    
    body {
        margin: 0;
        padding: 0;
        padding-top: 30px;
        font-family: Georgia, serif;
        background-color: #0f141e;
        color: var(--silver);
        line-height: 1.6;
    }
    
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    
    .hero {
        display: flex;
        align-items: center;
        position: relative;
        background-color: #0f141e;
    }
    
    .hero-content {
        position: relative;
        z-index: 1;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    
    .title-container {
        flex: 0 0 60%;
        padding-right: 20px;
    }
    
    .sidebar-quote {
        flex: 0 0 35%;
        border-left: 2px solid var(--primary-blue);
        padding-left: 30px;
        font-style: italic;
        color: var(--silver);
        font-size: 1.1rem;
        line-height: 1.7;
    }
    
    .title {
        font-size: 5rem;
        line-height: 0.9;
        color: white;
        margin-bottom: 20px;
        text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    }
    
    .title-line {
        display: block;
        margin-bottom: 10px;
    }
    
    .title-middle {
        color: var(--primary-blue);
        font-size: 4.2rem;
    }
    
    .subtitle {
        font-size: 1.5rem;
        margin: 40px 0;
        color: var(--light-blue);
        font-style: italic;
        max-width: 600px;
        text-align: left;
    }
    
    .cta-button {
        display: inline-block;
        background-color: var(--primary-blue);
        color: white;
        padding: 15px 40px;
        font-size: 1.2rem;
        font-weight: bold;
        border: none;
        cursor: pointer;
        transition: all 0.3s;
        box-shadow: 0 0 15px rgba(58, 125, 161, 0.4);
        text-decoration: none;
        text-transform: uppercase;
    }
    
    .cta-button:hover {
        background-color: #2d6a8a;
        transform: translateY(-3px);
        box-shadow: 0 0 25px rgba(58, 125, 161, 0.6);
    }
    
    .section {
        padding: 80px 0;
        position: relative;
        background-color: #0f141e;
    }
    
    .section-title {
        text-align: center;
        font-size: 2.5rem;
        color: var(--primary-blue);
        margin-bottom: 50px;
    }
    
    .warning-box {
        max-width: 800px;
        margin: 50px auto;
        padding: 50px;
        border: 1px solid #3a7da1;
        background-color: #111622;
        text-align: center;
        position: relative;
    }
    
    .warning-title {
        color: #3a7da1;
        font-size: 1.8rem;
        margin-bottom: 30px;
    }
    
    .quote-box {
        max-width: 800px;
        margin: 50px auto;
        padding: 40px 50px;
        border-left: 4px solid #3a7da1;
        font-style: italic;
        font-size: 1.3rem;
        position: relative;
        background-color: #111622;
    }
    
    .two-column {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        margin-bottom: 50px;
    }
    
    .column {
        flex: 1;
        min-width: 300px;
    }
    
    .highlight {
        color: var(--primary-blue);
        font-weight: bold;
    }
    
    .character-card {
        background-color: #111622;
        border: 1px solid #3a7da1;
        border-radius: 0;
        padding: 40px;
        margin-bottom: 30px;
        transition: all 0.3s;
        display: flex;
        flex-direction: column;
    }
    
    .character-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    }
    
    .character-name {
        font-size: 1.8rem;
        color: var(--primary-blue);
        margin-bottom: 25px;
    }
    
    .character-quote {
        font-style: italic;
        border-left: 2px solid var(--primary-blue);
        padding-left: 20px;
        margin-bottom: 30px;
        color: var(--light-blue);
    }
    
    .character-description {
        margin-top: auto;
    }
    
    .theme-card {
        background-color: #111622;
        border: 1px solid #3a7da1;
        border-radius: 0;
        padding: 40px;
        margin-bottom: 30px;
        height: 100%;
    }
    
    .theme-title {
        color: var(--primary-blue);
        font-size: 1.8rem;
        margin-bottom: 25px;
    }
    
    .theme-description {
        font-size: 1rem;
        line-height: 1.7;
    }
    
    .feature-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin-bottom: 30px;
    }
    
    .feature-card {
        background-color: #111622;
        border: 1px solid #3a7da1;
        border-radius: 0;
        padding: 40px;
        margin-bottom: 30px;
        transition: all 0.3s;
        display: flex;
        flex-direction: column;
    }
    
    .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    }
    
    .feature-title {
        color: var(--primary-blue);
        font-size: 1.4rem;
        margin-bottom: 25px;
    }
    
    .intense-quote {
        max-width: 800px;
        margin: 0 auto;
        padding: 40px 50px;
        font-style: italic;
        font-size: 1.8rem;
        text-align: center;
        color: var(--silver);
        line-height: 1.7;
        position: relative;
        background-color: #111622;
        border: 1px solid #3a7da1;
    }
    
    .cta-section {
        text-align: center;
        padding: 100px 0;
        background-color: #0f141e;
    }
    
    .cta-heading {
        font-size: 2.5rem;
        color: var(--primary-blue);
        margin-bottom: 20px;
    }
    
    .cta-text {
        max-width: 700px;
        margin: 0 auto 40px;
        font-size: 1.2rem;
    }
    
    .visual-break {
        display: block;
        width: 150px;
        height: 2px;
        background: linear-gradient(to right, transparent, var(--primary-blue), transparent);
        margin: 60px auto;
    }
    
    @media (max-width: 768px) {
        .title {
            font-size: 3.2rem;
        }
        
        .title-middle {
            font-size: 2.8rem;
        }
        
        .subtitle {
            font-size: 1.2rem;
        }
        
        .section-title {
            font-size: 2rem;
        }
        
        .feature-grid {
            grid-template-columns: 1fr;
        }
        
        .hero-content {
            flex-direction: column;
        }
        
        .title-container, 
        .sidebar-quote {
            flex: 0 0 100%;
            padding-right: 0;
        }
        
        .sidebar-quote {
            margin-top: 30px;
            padding-left: 20px;
        }
    }
</style>
</head>
<body>
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="title-container">
                    <h1 class="title">
                        <span class="title-line">HEUTE,</span>
                        <span class="title-line">MORGEN</span>
                        <span class="title-line title-middle">UND IN</span>
                        <span class="title-line title-middle">ALLE</span>
                        <span class="title-line">EWIGKEIT</span>
                    </h1>
                    
                    <p class="subtitle">Wenn Kontrolle auf Begierde trifft, ist kein Herz sicher...</p>
                    
                    <a href="https://www.litego.de/amz/rvHK6S" class="cta-button">JETZT ENTDECKEN</a>
                </div>
                
                <div class="sidebar-quote">
                    "Arrogant. Fordernd. Mit einem Funken, der das Feuer entzündet..." So beschreibt Mellory Vampelt den Mann ihrer Begierde. Doch was, wenn dieser Mann, der jeden Raum beherrscht, plötzlich beschließt, dass er sie besitzen will?
                </div>
            </div>
        </div>
    </section>
    
    <section class="section">
        <div class="container">
            <div class="warning-box">
                <h2 class="warning-title">WARNUNG!</h2>
                <p>Du bist gerade dabei, in eine Welt voller Gewalt, Kraftausdrücke und sexueller Handlungen zu stolpern. Eine Welt voller Antihelden, deren Taten dich aus deiner Komfortzone zwingen und dein Bild von Gut und Böse infrage stellen werden. Du wurdest gewarnt!</p>
            </div>
            
            <div class="quote-box">
                "Der Tod ist ein Luxus, den nicht jeder verdient hat." — Killian De La Cruz
            </div>
        </div>
    </section>
    
    <section class="section">
        <div class="container">
            <h2 class="section-title">DIE THEMEN, DIE DICH NICHT MEHR LOSLASSEN WERDEN</h2>
            
            <div class="feature-grid">
                <div class="feature-card">
                    <h3 class="feature-title">KONTROLLE UND HINGABE</h3>
                    <p>Im Zentrum der Geschichte steht der ewige Tanz zwischen dem Bedürfnis nach Kontrolle und dem Verlangen nach Hingabe. Mellory hat gelernt, dass Kontrolle über ihr eigenes Leben überlebensnotwendig ist – für sie bedeutet Nachgeben Schwäche. Killian dagegen verkörpert die absolute Dominanz und fordert ihre Unterwerfung. Doch hinter verschlossenen Türen verschwimmen die Linien zwischen Kontrolle und Kontrollverlust, zwischen Macht und Machtlosigkeit.</p>
                </div>
                
                <div class="feature-card">
                    <h3 class="feature-title">FLUCHT VOR DER VERGANGENHEIT</h3>
                    <p>Die Vergangenheit ist ein Schatten, der sich nicht abschütteln lässt. Mellory versucht verzweifelt, ihr früheres Leben hinter sich zu lassen, doch die Geister der Vergangenheit verfolgen sie – buchstäblich. Die fehlenden zwei Jahre in ihrem Leben sind ein blinder Fleck, ein Geheimnis, das sie selbst vor ihren engsten Freunden verbirgt. Was ist in dieser Zeit geschehen, das sie so grundlegend verändert hat?</p>
                </div>
            </div>
            
            <div class="feature-grid" style="margin-top: 30px;">
                <div class="feature-card">
                    <h3 class="feature-title">VERTRAUEN UND BETRUG</h3>
                    <p>Für jemanden mit tiefen Narben ist Vertrauen der größte Luxus. Mellory hat gelernt, niemandem zu vertrauen – besonders keinem Mann, der Besitzansprüche stellt. Doch während sie sich gegen Killian wehrt, zieht er sie gleichzeitig in einen Strudel aus Leidenschaft und Gefahr. Er scheint alles über sie zu wissen, während sie nur Bruchstücke von ihm erhascht. Kann sie einem Mann vertrauen, der ihre Grenzen so mühelos überschreitet?</p>
                </div>
                
                <div class="feature-card">
                    <h3 class="feature-title">BESITZ UND BESESSENHEIT</h3>
                    <p>Wann wird aus Liebe Besessenheit? Killians Anspruch, Mellory zu "besitzen", steht im Zentrum ihres Konflikts. Seine Art, sie zu verfolgen, zu überwachen, jeden Aspekt ihres Lebens zu durchdringen, spiegelt auf unheimliche Weise das Verhalten ihres Stalkers. Die Grenzen zwischen Beschützen und Kontrollieren, zwischen Liebe und Besessenheit verschwimmen.</p>
                </div>
            </div>
        </div>
    </section>
    
    <section class="section">
        <div class="container">
            <div class="intense-quote">
                "Seine Augen fixieren mich durch den Türspion und bringen mich dazu, mich langsam von der Tür wegzubewegen. Was ist bloß los mit dir? Wieso will ich diesen Mann nicht loswerden?"
            </div>
        </div>
    </section>
    
    <section class="section">
        <div class="container">
            <h2 class="section-title">DIE PROTAGONISTEN</h2>
            
            <div class="two-column">
                <div class="column">
                    <div class="character-card">
                        <h3 class="character-name">MELLORY VAMPELT</h3>
                        <p class="character-quote">"Ich sollte diesen Mann loswerden und das so schnell wie nur möglich. Was auch immer sich zwischen uns anbahnt, ist keine gute Idee und sollte sofort unterbunden werden."</p>
                        <div class="character-description">
                            <p>Stark, resilient und misstrauisch – Mellory hat sich eine Welt aufgebaut, in der sie die volle Kontrolle hat. Als Tanzlehrerin und Mitinhaberin eines erfolgreichen Studios hat sie hart dafür gekämpft, ihr Leben in geordnete Bahnen zu lenken. Nach traumatischen Erlebnissen in ihrer Vergangenheit hat sie gelernt, Männer auf Abstand zu halten – bis Killian in ihr Leben tritt und all ihre Regeln in Frage stellt.</p>
                        </div>
                    </div>
                </div>
                
                <div class="column">
                    <div class="character-card">
                        <h3 class="character-name">KILLIAN DE LA CRUZ</h3>
                        <p class="character-quote">"Du gehörst mir, Mellory, merk dir das. Du bist meins und ich werde dich nicht teilen."</p>
                        <div class="character-description">
                            <p>Mächtig, besitzergreifend und absolut kompromisslos. Als erfolgreicher Geschäftsmann im Finanzsektor ist Killian daran gewöhnt, zu bekommen, was er will. Hinter seiner kontrollierenden Fassade verbirgt sich ein Mann mit eigenen Dämonen und einer Welt voller Geheimnisse. Ein markantes Tattoo auf seinem Rücken – ein Adler in Flammen – und sein riesiges Geheimnis machen ihn möglicherweise gefährlicher, als es auf den ersten Blick scheint.</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="two-column">
                <div class="column">
                    <div class="character-card">
                        <h3 class="character-name">ARIA & SARAH</h3>
                        <p class="character-quote">"Ich gebe dir die Schuld! Hättest du deinen Geburtstag nicht woanders feiern können?"</p>
                        <div class="character-description">
                            <p>Mellorys beste Freundinnen stehen ihr durch alle Höhen und Tiefen bei. Aria, die talentierte Hip-Hop-Tänzerin, und Sarah, deren Beziehung zu Joshua sie mit Killians Welt verbindet, sind die einzigen Menschen, denen Mellory vertraut. Sie ermutigen sie, ihr Herz zu öffnen, während sie gleichzeitig versuchen, sie vor neuen Verletzungen zu schützen.</p>
                        </div>
                    </div>
                </div>
                
                <div class="column">
                    <div class="character-card">
                        <h3 class="character-name">TIMOTHY</h3>
                        <p class="character-quote">"Mellory. Du sahst gestern wundervoll aus, Sweetheart. Hattest du Spaß?"</p>
                        <div class="character-description">
                            <p>Eine beunruhigende Präsenz aus Mellorys Vergangenheit, die hartnäckig in ihr Leben zurückkehrt. Timothy verfolgt jeden ihrer Schritte und lässt mysteriöse Nachrichten zurück. Seine Obsession mit Mellory birgt eine dunkle Geschichte, die sie verzweifelt zu vergessen versucht – eine Geschichte, die auch Killian gefährlich werden könnte.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="section">
        <div class="container">
            <div class="intense-quote">
                "Gott, es tut echt gut, abzuschalten und sich einfach fallen zu lassen. Es ist schon eine Weile her, dass ich mich so leicht und fast schon sorgenfrei gefühlt habe. Viel zu lange!"
            </div>
        </div>
    </section>
    
    <section class="section">
        <div class="container">
            <h2 class="section-title">WARUM »HEUTE, MORGEN UND IN ALLE EWIGKEIT« LESEN?</h2>
            
            <div class="feature-grid">
                <div class="feature-card">
                    <h3 class="feature-title">ELEKTRISIERENDES KATZ-UND-MAUS-SPIEL</h3>
                    <p>Erlebe eine Dynamik zwischen den Protagonisten, die dich atemlos machen wird. Salem Pedro erschafft eine Spannung zwischen den Charakteren, die gleichzeitig romantisch, gefährlich und unwiderstehlich ist. Du wirst nicht wissen, ob du Killian lieben oder fürchten sollst – oft beides gleichzeitig.</p>
                </div>
                
                <div class="feature-card">
                    <h3 class="feature-title">PSYCHOLOGISCHER TIEFGANG</h3>
                    <p>Dieser Roman geht weit über die üblichen Grenzen des Dark-Romance-Genres hinaus. Er erforscht die psychologischen Abgründe seiner Charaktere, ihre Traumata und die feinen Linien zwischen Liebe, Besessenheit und Kontrolle auf eine Weise, die zum Nachdenken anregt und emotional fordert.</p>
                </div>
            </div>
            
            <div class="feature-grid" style="margin-top: 30px;">
                <div class="feature-card">
                    <h3 class="feature-title">ATMOSPHÄRISCH & INTENSIV</h3>
                    <p>Die Geschichte verbindet romantische Elemente meisterhaft mit der Spannung eines Thrillers. Die dunkle Vergangenheit von Mellory, das Geheimnis der fehlenden zwei Jahre und die geheimnisvolle Welt von Killian erschaffen eine ständige Atmosphäre der Bedrohung, die dich bis zum Ende in Atem halten wird.</p>
                </div>
                
                <div class="feature-card">
                    <h3 class="feature-title">EMOTIONALE ACHTERBAHNFAHRT</h3>
                    <p>Eine Geschichte, die dich von der ersten bis zur letzten Seite fesselt. Die unerwarteten Wendungen und die tiefgründige Darstellung der komplexen Beziehungsdynamik zwischen Mellory und Killian machen diesen Roman zu einem unvergesslichen Leseerlebnis, das dich noch lange nach dem Lesen beschäftigen wird.</p>
                </div>
            </div>
        </div>
    </section>
    
    <div class="visual-break"></div>
    
    <section class="cta-section">
        <div class="container">
            <h2 class="cta-heading">TAUCHE EIN IN DIESE WELT AUS LUST UND GEFAHR</h2>
            <p class="cta-text">Lass dich verführen von einer Geschichte, die die Grenzen zwischen Kontrolle und Hingabe, zwischen Vergangenheit und Gegenwart, zwischen Liebe und Besessenheit verschwimmen lässt. Eine Geschichte, die dich nicht mehr loslassen wird.</p>
            
            <a href="https://www.litego.de/amz/rvHK6S" class="cta-button">JETZT BESTELLEN</a>
            
            <div class="quote-box" style="margin-top: 60px;">
                "Ab nun bist du meine Beschäftigung, Mellory."
            </div>
        </div>
    </section>
</body>
</html>

Heute, morgen und in alle Ewigkeit

Zwischen Verführung und Verderben

Heute, morgen und in alle Ewigkeit

Zwischen Verführung und Verderben

Jetzt bestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch