    <!DOCTYPE html>
    <html dir="ltr" lang="de" prefix="og: https://ogp.me/ns#">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Benner's Ingolstadt – Ab 01.10.2026</title>

        <style>
            * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            html,
            body {
                width: 100%;
                min-height: 100%;
            }

            body {
                min-height: 100vh;
                background:
                    radial-gradient(
                        circle at 80% 20%,
                        rgba(210, 177, 76, 0.24),
                        transparent 35%
                    ),
                    #f3e7cf;

                color: #173825;
                font-family:
                    Inter,
                    Helvetica Neue,
                    Arial,
                    sans-serif;

                display: flex;
                flex-direction: column;
            }

            .benners-page {
                width: 100%;
                min-height: 100vh;
                padding: 38px 6vw 28px;

                display: flex;
                flex-direction: column;
            }

            .benners-top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 20px;
            }

            .benners-brand {
                font-weight: 900;
                font-size: 20px;
                letter-spacing: -0.8px;
                text-transform: uppercase;
            }

            .benners-date {
                display: inline-flex;
                align-items: center;
                gap: 9px;

                padding: 10px 15px;
                border: 1px solid rgba(23, 56, 37, .15);
                border-radius: 999px;

                font-size: 12px;
                font-weight: 800;
                letter-spacing: .04em;
            }

            .benners-date-dot {
                width: 9px;
                height: 9px;
                border-radius: 50%;
                background: #d3ae42;
            }

            .benners-main {
                width: 100%;
                max-width: 1250px;
                margin: auto;

                display: grid;
                grid-template-columns: 1.25fr .75fr;
                align-items: center;
                gap: 70px;

                padding: 70px 0;
            }

            .benners-kicker {
                display: inline-block;
                margin-bottom: 22px;

                padding: 8px 13px;

                background: rgba(255,255,255,.42);
                border: 1px solid rgba(23,56,37,.12);
                border-radius: 999px;

                font-size: 13px;
                font-weight: 850;
                text-transform: uppercase;
                letter-spacing: .04em;
            }

            .benners-title {
                max-width: 820px;

                font-family:
                    "Arial Narrow",
                    Impact,
                    sans-serif;

                font-size: clamp(58px, 8vw, 126px);
                line-height: .82;
                letter-spacing: -0.055em;
                text-transform: uppercase;
            }

            .benners-title span {
                color: #c9a43c;
            }

            .benners-copy {
                max-width: 660px;
                margin-top: 30px;

                font-size: clamp(18px, 2vw, 24px);
                line-height: 1.45;
                font-weight: 650;

                color: rgba(23, 56, 37, .76);
            }

            .benners-card {
                min-height: 390px;

                border-radius: 34px;
                background: #173825;
                color: #f4e8d0;

                padding: 45px;

                display: flex;
                flex-direction: column;
                justify-content: flex-end;

                position: relative;
                overflow: hidden;
            }

            .benners-card::before {
                content: "B";
                position: absolute;
                right: -20px;
                top: -65px;

                font-family: Impact, sans-serif;
                font-size: 330px;
                line-height: 1;
                font-weight: 900;

                color: rgba(244, 232, 208, .045);
            }

            .benners-card-small {
                position: relative;
                z-index: 2;

                color: #d3ae42;

                font-size: 13px;
                font-weight: 850;
                text-transform: uppercase;
                letter-spacing: .08em;

                margin-bottom: 12px;
            }

            .benners-card-big {
                position: relative;
                z-index: 2;

                max-width: 340px;

                font-size: clamp(28px, 3vw, 43px);
                line-height: 1.02;
                font-weight: 900;
                letter-spacing: -0.04em;
            }

            .benners-footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 20px;

                border-top: 1px solid rgba(23,56,37,.14);
                padding-top: 20px;

                font-size: 12px;
                font-weight: 700;
            }

            .benners-footer a {
                color: #173825;
                text-decoration: none;
                margin-left: 18px;
            }

            @media (max-width: 850px) {

                .benners-page {
                    padding: 25px 22px 20px;
                }

                .benners-brand {
                    font-size: 16px;
                }

                .benners-date {
                    font-size: 10px;
                    padding: 8px 11px;
                }

                .benners-main {
                    grid-template-columns: 1fr;
                    gap: 40px;
                    padding: 70px 0 50px;
                }

                .benners-title {
                    font-size: clamp(57px, 18vw, 90px);
                }

                .benners-copy {
                    font-size: 18px;
                    margin-top: 24px;
                }

                .benners-card {
                    min-height: 260px;
                    padding: 30px;
                    border-radius: 25px;
                }

                .benners-card::before {
                    font-size: 240px;
                }

                .benners-footer {
                    flex-direction: column;
                    align-items: flex-start;
                }

                .benners-footer a {
                    margin-left: 0;
                    margin-right: 15px;
                }
            }
        </style>

    </head>

    <body>

        <main class="benners-page">

            <header class="benners-top">

                <div class="benners-brand">
                    BENNER'S INGOLSTADT
                </div>

                <div class="benners-date">
                    <span class="benners-date-dot"></span>
                    AB 01.10.2026
                </div>

            </header>

            <section class="benners-main">

                <div>

                    <div class="benners-kicker">
                        Wandel in Ingolstadt
                    </div>

                    <h1 class="benners-title">
                        Hamburgerei<br>
                        goes <span>Benner's.</span>
                    </h1>

                    <p class="benners-copy">
                        Gleiche Adresse. Gleiches Team. Neues Kapitel.
                        <br>
                        Ab dem 01.10.2026 verraten wir mehr.
                    </p>

                </div>

                <div class="benners-card">

                    <div class="benners-card-small">
                        Coming October
                    </div>

                    <div class="benners-card-big">
                        Burger.<br>
                        Steak.<br>
                        & More.
                    </div>

                </div>

            </section>

            <footer class="benners-footer">

                <div>
                    Theresienstraße · Ingolstadt
                </div>

                <div>
                    <a href="/impressum/">Impressum</a>
                    <a href="/datenschutz/">Datenschutz</a>
                </div>

            </footer>

        </main>

    </body>
    </html>

    