@charset "utf-8";

/* =====================================================
   STARTSEITE.CSS – PREMIUM V5
===================================================== */

/* WILLKOMMEN */

.mk-lux-welcome{
    background:var(--mk-cream);
    padding:145px 0 80px;
}

.mk-lux-title span{
    margin-bottom:34px;
}

.mk-lux-title p{
    margin-bottom:22px;
}

.mk-lux-title h2{
    max-width:920px;
    font-size:58px;
    line-height:1.12;
}

.mk-lux-welcome-text{
    max-width:790px;
    margin-top:38px;
}

.mk-lux-welcome-text p{
    font-size:20px;
    line-height:1.9;
    color:#37322d;
}

/* ÜBER MICH */

.mk-lux-about{
    background:var(--mk-cream);
    padding:70px 0 150px;
}

.mk-lux-about-grid{
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:105px;
    align-items:center;
}

.mk-lux-about-text{
    max-width:650px;
}

.mk-lux-about-text .mk-lux-overline{
    margin-bottom:24px;
}

.mk-lux-about-text h2{
    font-size:56px;
    line-height:1.12;
    margin-bottom:34px;
}

.mk-lux-about-text p{
    font-size:18px;
    line-height:1.9;
    color:#3b362f;
    margin-bottom:24px;
}

.mk-lux-about-image{
    position:relative;
}

.mk-lux-about-image::before{
    content:"";
    position:absolute;
    top:28px;
    left:-28px;
    width:100%;
    height:100%;
    border:1px solid var(--mk-border);
    z-index:0;
}

.mk-lux-about-image img{
    position:relative;
    z-index:1;
    width:100%;
    height:760px;
    object-fit:cover;
}

/* MEINE WELT */

.mk-lux-world{
    background:var(--mk-dark);
    padding:150px 0;
}

.mk-lux-world .mk-lux-title h2{
    color:#fff;
    max-width:900px;
    font-size:56px;
    line-height:1.12;
}

.mk-lux-card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:34px;
    margin-top:82px;
}

.mk-lux-card{
    position:relative;
    height:620px;
    overflow:hidden;
    background:#000;
    color:#fff;
}

.mk-lux-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.01);
    transition:transform .8s ease, filter .8s ease;
    filter:brightness(.82) contrast(1.05);
}

.mk-lux-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.82)),
        radial-gradient(circle at 18% 18%,rgba(176,139,67,.18),transparent 35%);
}

.mk-lux-card:hover img{
    transform:scale(1.065);
    filter:brightness(.72) contrast(1.08);
}

.mk-lux-card div{
    position:absolute;
    left:38px;
    right:38px;
    bottom:38px;
    z-index:2;
}

.mk-lux-card div p{
    color:var(--mk-gold-light);
    font-size:13px;
    letter-spacing:3.5px;
    margin-bottom:22px;
}

.mk-lux-card h3{
    color:#fff;
    font-size:38px;
    line-height:1.12;
    margin-bottom:16px;
}

.mk-lux-card span{
    display:block;
    max-width:330px;
    color:rgba(255,255,255,.78);
    font-size:15px;
    line-height:1.75;
    font-weight:300;
}