@charset "utf-8";

/* =====================================================
   HEADER-V5.CSS – PREMIUM HERO KONFLIKTFREI
===================================================== */

.mk-v5-header{
    position:relative;
    width:100%;
    background:#000;
    overflow:hidden;
}

.mk-v5-hero{
    position:relative;
    width:100%;
    height:940px;
    overflow:hidden;
    background:#000;
}

.mk-v5-hero-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.035);
    filter:brightness(.78) contrast(1.08) saturate(.96);
}

.mk-v5-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:
        linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.46) 42%,rgba(0,0,0,.10) 100%),
        linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.04) 42%,rgba(0,0,0,.46) 100%);
}

.mk-v5-top{
    position:absolute;
    top:54px;
    left:50%;
    transform:translateX(-50%);
    width:92%;
    max-width:1500px;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.mk-v5-logo img{
    width:205px;
    height:auto;
    display:block;
}

.mk-v5-nav{
    display:flex;
    align-items:center;
    gap:42px;
}

.mk-v5-nav a{
    position:relative;
    color:#fff;
    font-size:12px;
    font-weight:600;
    letter-spacing:2.6px;
    text-transform:uppercase;
    opacity:.88;
    transition:.35s ease;
}

.mk-v5-nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-11px;
    width:0;
    height:1px;
    background:var(--mk-gold);
    transition:.35s ease;
}

.mk-v5-nav a:hover{
    color:var(--mk-gold-light);
    opacity:1;
}

.mk-v5-nav a:hover::after{
    width:100%;
}

.mk-v5-menu{
    display:none;
    width:62px;
    height:42px;
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
}

.mk-v5-menu span{
    display:block;
    width:100%;
    height:4px;
    margin-bottom:9px;
    border-radius:999px;
    background:#fff;
}

.mk-v5-menu span:last-child{
    margin-bottom:0;
}

.mk-v5-content{
    position:absolute;
    left:8%;
    bottom:135px;
    z-index:25;
    max-width:980px;
}

.mk-v5-kicker{
    margin:0 0 30px;
    color:var(--mk-gold-light);
    font-size:13px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
}

.mk-v5-content h1{
    margin:0;
    font-family:var(--mk-sans);
    color:#fff;
    font-size:58px;
    line-height:1.15;
    font-weight:300;
    letter-spacing:3.8px;
    text-transform:uppercase;
    text-shadow:0 12px 38px rgba(0,0,0,.82);
}

.mk-v5-line{
    width:155px;
    height:3px;
    margin:46px 0 34px;
    background:var(--mk-gold);
}

.mk-v5-subline{
    margin:0;
    color:var(--mk-gold-light);
    font-size:17px;
    line-height:1.6;
    font-weight:500;
    letter-spacing:3.2px;
    text-transform:uppercase;
}

.mk-v5-scroll{
    position:absolute;
    right:8%;
    bottom:58px;
    z-index:25;
    color:rgba(255,255,255,.72);
    font-size:11px;
    letter-spacing:2.6px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:16px;
}

.mk-v5-scroll span{
    display:block;
    width:70px;
    height:1px;
    background:var(--mk-gold);
}

.mk-v5-header::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    z-index:30;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,transparent,var(--mk-gold),transparent);
}

/* Tablet */
@media screen and (max-width:1100px){
    .mk-v5-nav{
        display:none;
    }

    .mk-v5-menu{
        display:block;
    }

    .mk-v5-hero{
        height:780px;
    }

    .mk-v5-top{
        top:38px;
        width:90%;
    }

    .mk-v5-logo img{
        width:185px;
    }

    .mk-v5-content{
        left:6%;
        right:6%;
        bottom:90px;
        max-width:720px;
    }

    .mk-v5-content h1{
        font-size:38px;
        letter-spacing:3px;
    }

    .mk-v5-line{
        width:110px;
        margin:34px 0 24px;
    }
}

/* Mobile */
@media screen and (max-width:650px){
    .mk-v5-hero{
        height:700px;
    }

    .mk-v5-top{
        top:26px;
        width:90%;
    }

    .mk-v5-logo img{
        width:145px;
    }

    .mk-v5-menu{
        width:44px;
        height:31px;
    }

    .mk-v5-menu span{
        height:3px;
        margin-bottom:8px;
    }

    .mk-v5-content{
        left:22px;
        right:22px;
        bottom:55px;
        max-width:none;
    }

    .mk-v5-kicker{
        font-size:11px;
        letter-spacing:2.5px;
        margin-bottom:18px;
    }

    .mk-v5-content h1{
        font-size:25px;
        line-height:1.32;
        letter-spacing:1.8px;
    }

    .mk-v5-line{
        width:68px;
        height:2px;
        margin:22px 0 16px;
    }

    .mk-v5-subline{
        font-size:12px;
        line-height:1.6;
        letter-spacing:1.3px;
    }

    .mk-v5-scroll{
        display:none;
    }
}