<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Verzweifelt im Job - Elias Wadehn | Litego</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #1e1e2e 0%, #2d1e3a 50%, #1e2e3a 100%);
            background-attachment: fixed;
            color: #f5f5f5;
            line-height: 1.7;
            position: relative;
        }

        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 30%, rgba(255, 107, 107, 0.15) 0%, transparent 40%),
                radial-gradient(circle at 80% 70%, rgba(196, 30, 58, 0.12) 0%, transparent 40%),
                radial-gradient(circle at 50% 50%, rgba(255, 182, 193, 0.08) 0%, transparent 50%);
            pointer-events: none;
            z-index: 0;
        }

        .hero {
            background: 
                linear-gradient(135deg, rgba(196, 30, 58, 0.3) 0%, rgba(255, 107, 107, 0.2) 50%, rgba(30, 40, 60, 0.3) 100%),
                radial-gradient(circle at 30% 50%, rgba(255, 107, 107, 0.2), transparent 70%);
            padding: 120px 40px;
            text-align: center;
            border-bottom: 5px solid #ff6b6b;
            position: relative;
            box-shadow: 0 15px 50px rgba(196, 30, 58, 0.4);
            overflow: hidden;
        }

        .hero::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, #c41e3a, #ff6b6b, #c41e3a);
            background-size: 200% auto;
            animation: borderFlow 3s linear infinite;
        }

        @keyframes borderFlow {
            0% { background-position: 0% center; }
            100% { background-position: 200% center; }
        }

        .hero h1 {
            font-size: 4.5em;
            font-weight: 900;
            letter-spacing: 12px;
            color: #ffffff;
            margin-bottom: 20px;
            text-transform: uppercase;
            text-shadow: 
                0 0 20px rgba(255, 107, 107, 0.8),
                0 0 40px rgba(196, 30, 58, 0.6),
                3px 3px 10px rgba(0, 0, 0, 0.8);
            animation: titleFloat 3s ease-in-out infinite;
        }

        @keyframes titleFloat {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-8px); }
        }

        .hero .subtitle {
            font-size: 1.5em;
            background: linear-gradient(90deg, #ffb3b3, #ff6b6b, #c41e3a, #ff6b6b, #ffb3b3);
            background-size: 200% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradientFlow 4s linear infinite;
            margin-bottom: 25px;
            letter-spacing: 4px;
            font-weight: 700;
        }

        @keyframes gradientFlow {
            0% { background-position: 0% center; }
            100% { background-position: 200% center; }
        }

        .hero .author {
            font-size: 1.3em;
            color: #ffcccc;
            margin-top: 25px;
            font-weight: 600;
            letter-spacing: 3px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 80px 30px;
            position: relative;
            z-index: 1;
        }

        .book-info {
            background: linear-gradient(135deg, rgba(40, 40, 55, 0.8) 0%, rgba(50, 35, 55, 0.8) 100%);
            padding: 50px;
            border-radius: 20px;
            box-shadow: 
                0 20px 60px rgba(0, 0, 0, 0.5),
                0 0 40px rgba(255, 107, 107, 0.1);
            border: 1px solid rgba(255, 107, 107, 0.2);
            backdrop-filter: blur(10px);
        }

        .book-info h2 {
            font-size: 2.5em;
            background: linear-gradient(135deg, #ff6b6b, #c41e3a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 30px;
            border-left: 5px solid #ff6b6b;
            padding-left: 20px;
            font-weight: 800;
        }

        .book-info p {
            margin-bottom: 25px;
            color: #e8e8e8;
            font-size: 1.1em;
            text-align: justify;
        }

        .book-info p strong {
            color: #ffb3b3;
            font-weight: 700;
        }

        .highlight-box {
            background: linear-gradient(135deg, rgba(196, 30, 58, 0.15) 0%, rgba(255, 107, 107, 0.1) 100%);
            border: 2px solid rgba(255, 107, 107, 0.3);
            border-left: 6px solid #ff6b6b;
            padding: 35px;
            margin: 40px 0;
            border-radius: 15px;
            box-shadow: 
                0 10px 30px rgba(196, 30, 58, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }

        .highlight-box:hover {
            transform: translateY(-5px);
            box-shadow: 
                0 15px 40px rgba(196, 30, 58, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.15);
        }

        .highlight-box h3 {
            color: #ff6b6b;
            margin-bottom: 20px;
            font-size: 1.6em;
            font-weight: 700;
            text-shadow: 0 2px 10px rgba(255, 107, 107, 0.3);
        }

        .highlight-box ul {
            list-style: none;
            padding-left: 0;
        }

        .highlight-box li {
            padding: 12px 0;
            padding-left: 35px;
            position: relative;
            color: #e8e8e8;
            font-size: 1.05em;
        }

        .highlight-box li:before {
            content: "▶";
            position: absolute;
            left: 0;
            color: #ff6b6b;
            font-size: 1.2em;
            animation: pulse 2s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.7; transform: scale(1.1); }
        }

        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, #ff6b6b 0%, #c41e3a 50%, #ff6b6b 100%);
            background-size: 200% auto;
            color: white;
            padding: 20px 50px;
            text-decoration: none;
            border-radius: 50px;
            font-size: 1.3em;
            font-weight: 800;
            margin-top: 30px;
            transition: all 0.4s ease;
            box-shadow: 
                0 8px 25px rgba(196, 30, 58, 0.5),
                0 0 30px rgba(255, 107, 107, 0.3);
            text-transform: uppercase;
            letter-spacing: 3px;
            position: relative;
            overflow: hidden;
        }

        .cta-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transition: left 0.5s;
        }

        .cta-button:hover::before {
            left: 100%;
        }

        .cta-button:hover {
            background-position: 100% center;
            transform: translateY(-3px) scale(1.05);
            box-shadow: 
                0 12px 35px rgba(196, 30, 58, 0.7),
                0 0 50px rgba(255, 107, 107, 0.5);
        }

        .themes {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin: 50px 0;
        }

        .theme-card {
            background: linear-gradient(135deg, rgba(50, 35, 55, 0.9) 0%, rgba(40, 40, 55, 0.9) 100%);
            padding: 30px;
            border-radius: 15px;
            border: 2px solid rgba(255, 107, 107, 0.2);
            border-top: 4px solid #ff6b6b;
            transition: all 0.4s ease;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
            position: relative;
            overflow: hidden;
        }

        .theme-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 107, 107, 0.1), transparent);
            transition: left 0.5s;
        }

        .theme-card:hover::before {
            left: 100%;
        }

        .theme-card:hover {
            transform: translateY(-10px) scale(1.02);
            border-color: #ff6b6b;
            box-shadow: 
                0 15px 40px rgba(196, 30, 58, 0.4),
                0 0 30px rgba(255, 107, 107, 0.2);
        }

        .theme-card h4 {
            color: #ff6b6b;
            margin-bottom: 15px;
            font-size: 1.4em;
            font-weight: 700;
        }

        .theme-card p {
            color: #d0d0d0;
            font-size: 1em;
            line-height: 1.6;
        }

        .quote {
            background: linear-gradient(135deg, rgba(196, 30, 58, 0.2) 0%, rgba(50, 35, 55, 0.8) 100%);
            padding: 50px;
            margin: 60px 0;
            border-left: 8px solid #ff6b6b;
            border-radius: 15px;
            font-style: italic;
            font-size: 1.5em;
            color: #ffcccc;
            box-shadow: 
                0 10px 40px rgba(196, 30, 58, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
            text-align: center;
            font-weight: 600;
            position: relative;
        }

        .quote::before {
            content: '"';
            position: absolute;
            top: -20px;
            left: 30px;
            font-size: 6em;
            color: rgba(255, 107, 107, 0.3);
            font-family: Georgia, serif;
        }

        .publisher {
            text-align: center;
            padding: 70px 30px;
            background: linear-gradient(to top, rgba(196, 30, 58, 0.2), rgba(50, 35, 55, 0.4));
            border-top: 3px solid #ff6b6b;
            position: relative;
            margin-top: 80px;
        }

        .publisher-logo {
            font-size: 2.5em;
            background: linear-gradient(135deg, #ff6b6b, #c41e3a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 900;
            letter-spacing: 6px;
            margin-bottom: 20px;
            text-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
        }

        .hashtag {
            color: #ff6b6b;
            font-size: 1.8em;
            margin-top: 25px;
            letter-spacing: 3px;
            font-weight: 800;
            text-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
        }

        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.5em;
                letter-spacing: 6px;
            }

            .hero .subtitle {
                font-size: 1.1em;
            }

            .book-info {
                padding: 30px;
            }

            .themes {
                grid-template-columns: 1fr;
            }

            .quote {
                font-size: 1.2em;
                padding: 30px;
            }
        }
    </style>
</head>
<body>
    <div class="hero">
        <h1>Verzweifelt im Job</h1>
        <div class="subtitle">Eine bewegende Geschichte über Mobbing, Familie und Hoffnung</div>
        <div class="author">von Elias Wadehn</div>
    </div>

    <div class="container">
        <div class="book-info">
            <h2>Über das Buch</h2>
            <p>
                <strong>Fünf Jahre nach seinem Kampf gegen eine gefährliche Gang hat Jonas ein neues Leben begonnen.</strong> Mit seiner Freundin Leonie und deren Sohn Felix lebt er in einer großen Wohnung und arbeitet als Gamemaster bei Lasertag. Doch der Schein trügt: Eine Kollegin macht ihm das Leben zur Hölle, schikaniert ihn bei jeder Gelegenheit und der Stress auf Arbeit nimmt stetig zu.
            </p>
            <p>
                Als wäre das nicht genug, erhält Jonas' Bruder Maik eine erschütternde Krebsdiagnose – er hat nur noch einen Monat zu leben. Während Jonas versucht, seine Familie zusammenzuhalten und dem Mobbing auf der Arbeit zu trotzen, stellt sich die Frage:
            </p>
            
            <div class="quote">
                Wie viel kann ein Mensch ertragen, bevor er verzweifelt?
            </div>

            <p>
                Eine bewegende Geschichte über den Kampf gegen Widrigkeiten, familiären Zusammenhalt und die Suche nach Glück in den kleinsten Momenten.
            </p>

            <div class="highlight-box">
                <h3>Was dich in diesem packenden Roman erwartet:</h3>
                <ul>
                    <li><strong>Mobbing am Arbeitsplatz</strong> – Erlebe hautnah mit, wie Jonas mit den täglichen Schikanen seiner Kollegin Lea umgehen muss</li>
                    <li><strong>Familiendrama und Liebe</strong> – Tauche ein in das Leben einer modernen Familie, die trotz aller Widrigkeiten zusammenhält</li>
                    <li><strong>Schicksalsschläge</strong> – Erfahre, wie Jonas mit der erschütternden Krebsdiagnose seines Bruders Maik umgeht</li>
                    <li><strong>Hoffnung und Stärke</strong> – Entdecke, wie man selbst in den dunkelsten Stunden Kraft finden kann</li>
                </ul>
            </div>

            <h2 style="margin-top: 60px;">Die Themen</h2>
            <div class="themes">
                <div class="theme-card">
                    <h4>🎯 Mobbing am Arbeitsplatz</h4>
                    <p>Eine realistische Darstellung der täglichen Schikanen und deren psychische Auswirkungen auf das Opfer und sein Umfeld.</p>
                </div>
                <div class="theme-card">
                    <h4>❤️ Familie & Zusammenhalt</h4>
                    <p>Die Geschichte einer Patchwork-Familie, die in Krisenzeiten zeigt, was wirklich wichtig ist im Leben.</p>
                </div>
                <div class="theme-card">
                    <h4>💔 Krankheit & Verlust</h4>
                    <p>Der einfühlsame Umgang mit einer Krebsdiagnose und die Frage, wie man Kindern den bevorstehenden Tod erklärt.</p>
                </div>
                <div class="theme-card">
                    <h4>✨ Hoffnung & Neuanfang</h4>
                    <p>Die Suche nach Glück in den kleinsten Momenten und die Kraft, trotz aller Widrigkeiten weiterzumachen.</p>
                </div>
            </div>

            <div class="highlight-box" style="margin-top: 60px;">
                <h3>Du wirst nicht mehr aufhören können zu lesen!</h3>
                <p style="margin-top: 20px;">
                    Begleite Jonas auf seinem Weg durch berufliche Herausforderungen und private Schicksalsschläge. Wird er es schaffen, mit dem Druck auf der Arbeit umzugehen? Kann seine Beziehung zu Leonie und Felix diese Belastungsprobe überstehen?
                </p>
                <p style="margin-top: 20px; font-weight: 700; color: #ffb3b3; font-size: 1.1em;">
                    Eine authentische Geschichte, die dich von der ersten Seite an in ihren Bann ziehen wird!
                </p>
            </div>


        </div>
    </div>

    <div class="publisher">
        <div class="publisher-logo">LITEGO</div>
        <div class="hashtag">#VERRÜCKTERONKEL</div>
        <p style="margin-top: 25px; color: #d0d0d0; font-size: 1.1em;">Litego Media GmbH | www.Litego.de</p>
    </div>
</body>
</html>

Verzweifelt im Job

Verzweifelt im Job

Jetzt vorbestellen bei:

Jetzt bestellen bei:

Details

Über den Autor

Über dieses Buch