<!DOCTYPE html>

<html lang="de">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>Milan Lukas Fey Audio</title>


    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:wght@400;500&display=swap" rel="stylesheet">


    <style>

        :root {

            --bg: #F5F1E8;

            --text: #111111;

            --muted: #6f6a60;

            --line: #d8d2c6;

        }


        html {

            scroll-behavior: smooth;

        }


        body {

            margin: 0;

            background: var(--bg);

            color: var(--text);

            font-family: "Inter", sans-serif;

            line-height: 1.8;

        }


        nav {

            position: fixed;

            top: 0;

            left: 0;

            right: 0;

            display: flex;

            justify-content: center;

            gap: 30px;

            padding: 18px 20px;

            background: rgba(245, 241, 232, 0.85);

            backdrop-filter: blur(10px);

            font-size: 0.9rem;

            border-bottom: 1px solid var(--line);

        }


        nav a {

            color: var(--text);

            text-decoration: none;

            font-weight: 400;

        }


        nav a:hover {

            opacity: 0.6;

        }


        header {

            padding: 180px 20px 120px 20px;

            max-width: 900px;

            margin: 0 auto;

        }


        h1 {

            font-family: "Playfair Display", serif;

            font-size: 5rem;

            font-weight: 500;

            margin: 0 0 20px 0;

            letter-spacing: -0.02em;

        }


        header p {

            font-size: 1.3rem;

            max-width: 650px;

            color: var(--muted);

        }


        section {

            max-width: 900px;

            margin: 0 auto;

            padding: 120px 20px;

        }


        h2 {

            font-family: "Playfair Display", serif;

            font-size: 2.6rem;

            font-weight: 500;

            margin-bottom: 40px;

        }


        .intro {

            font-size: 1.2rem;

            color: var(--muted);

            max-width: 700px;

        }


        .grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 60px;

            margin-top: 60px;

        }


        .item {

            padding-top: 40px;

            border-top: 1px solid var(--line);

        }


        .label {

            font-size: 0.85rem;

            letter-spacing: 0.08em;

            text-transform: uppercase;

            color: var(--muted);

            margin-bottom: 10px;

        }


        .item h3 {

            font-family: "Playfair Display", serif;

            font-size: 2rem;

            margin: 0 0 10px 0;

        }


        .item p {

            color: var(--muted);

            max-width: 700px;

        }


        .contact {

            border-top: 1px solid var(--line);

            padding-top: 40px;

            margin-top: 40px;

        }


        a {

            color: var(--text);

            text-decoration: none;

            border-bottom: 1px solid var(--line);

        }


        a:hover {

            opacity: 0.6;

        }


        footer {

            text-align: center;

            padding: 80px 20px;

            color: var(--muted);

            font-size: 0.9rem;

        }


        #impressum {

            border-top: 1px solid var(--line);

        }


        .impressum {

            font-size: 0.95rem;

            color: var(--muted);

        }

    </style>

</head>


<body>


<nav>

    <a href="#start">Start</a>

    <a href="#arbeiten">Arbeiten</a>

    <a href="#kontakt">Kontakt</a>

    <a href="#impressum">Impressum</a>

</nav>


<header id="start">

    <h1>Milan Lukas Fey</h1>

    <p>

        Musik, Sounddesign und Postproduktion.

    </p>

</header>


<section id="arbeiten">

    <h2>Arbeiten</h2>


    <p class="intro">

        Ich begleite Audioprojekte von der ersten Idee bis zum finalen Mix.

    </p>


    <div class="grid">


        <div class="item">

            <div class="label">Musik</div>

            <h3>Komposition und Produktion</h3>

            <p>

                Musik für Podcasts und Medienformate.

            </p>

        </div>


        <div class="item">

            <div class="label">Sounddesign</div>

            <h3>Klang und Atmosphäre</h3>

            <p>

                Entwicklung von Klangwelten und akustischen Räumen.

            </p>

        </div>


        <div class="item">

            <div class="label">Postproduktion</div>

            <h3>Schnitt und Mischung</h3>

            <p>

                Schnitt, Audio-Restauration und Mixing für Sprache und komplexe Produktionen.

            </p>

        </div>


    </div>

</section>


<section id="kontakt">

    <h2>Kontakt</h2>


    <div class="contact">

        <p class="intro">

            Schreib mir:

        </p>


        <p>

            <a href="mailto:hallo@milanlukasfey.de">hallo@milanlukasfey.de</a>

        </p>

    </div>

</section>


<section id="impressum">

    <h2>Impressum</h2>


    <p class="impressum">

        Milan Lukas Fey<br>

        Kinzigstraße 28<br>

        10247 Berlin<br>

        Deutschland<br><br>


        E Mail: <a href="mailto:hallo@milanlukasfey.de">hallo@milanlukasfey.de</a><br><br>


        Verantwortlich für den Inhalt nach § 55 Abs 2 RStV<br>

        Milan Lukas Fey<br>

        Kinzigstraße 28<br>

        10247 Berlin

    </p>

</section>


<footer>

    © 2026 Milan Lukas Fey

</footer>


</body>

</html>