/* ==================================
   PREMIUM PROFILSEITE
   ================================== */


.content-wrap {
    max-width:1400px;
    margin:0 auto;
    padding:140px 4% 80px;
}



/* ==================================
   HAUPT PROFIL LAYOUT
   ================================== */


.profile-page-luxury {

    display:grid;

    grid-template-columns:450px 1fr;

    gap:50px;

    align-items:start;

}



/* ==================================
   HAUPTBILD
   ================================== */


.profile-visuals {

    position:sticky;

    top:110px;

    width:450px;

}



.profile-main-image-box {

    width:450px;

    height:630px;

    max-width:100%;

    border-radius:26px;

    overflow:hidden;

    background:#101015;

    border:1px solid rgba(255,255,255,.07);

    box-shadow:0 25px 50px rgba(0,0,0,.65);

}



.profile-main-image-box img {

    width:100% !important;

    height:100% !important;

    max-width:100% !important;

    object-fit:cover !important;

    display:block !important;

}





/* ==================================
   GALERIE
   ================================== */


.profile-gallery-grid {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:10px;

    margin-top:15px;

}



.profile-gallery-thumb {

    aspect-ratio:1;

    overflow:hidden;

    border-radius:14px;

    border:1px solid rgba(255,255,255,.07);

}



.profile-gallery-thumb img {

    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

    display:block;

}





/* ==================================
   PROFIL INFO BOX
   ================================== */


.profile-content-box {

    background:#101015;

    border-radius:26px;

    border:1px solid rgba(255,255,255,.07);

    padding:45px;

    box-shadow:0 25px 50px rgba(0,0,0,.65);

}



.profile-header-top {

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    padding-bottom:25px;

    margin-bottom:25px;

    border-bottom:1px solid rgba(255,255,255,.07);

}



.profile-content-box h1 {

    margin:0 0 15px;

    font-size:42px;

    font-weight:400;

    color:#fff;

}



.profile-meta-info {

    display:flex;

    gap:20px;

    color:#8e8e9c;

    font-size:14px;

}



.profile-meta-info span {

    color:#e6ca65;

    font-weight:600;

}





.status-badge {

    color:#2ecc71;

    background:rgba(46,204,113,.1);

    border:1px solid rgba(46,204,113,.2);

    padding:8px 16px;

    border-radius:50px;

    font-size:12px;

    text-transform:uppercase;

}





/* ==================================
   ANRUF BUTTON
   ================================== */


.cta-call-box {

    display:block;

    text-align:center;

    background:linear-gradient(
        135deg,
        #fff2b2,
        #e6ca65,
        #a68521
    );

    color:#030305;

    padding:18px;

    border-radius:50px;

    margin:30px 0;

}



.cta-label {

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:700;

}



.cta-number {

    font-size:24px;

    font-weight:700;

}





/* ==================================
   TEXT
   ================================== */


.profile-description-area {

    color:#8e8e9c;

    line-height:1.8;

    font-size:15px;

    white-space:pre-line;

}





/* ==================================
   TAGS
   ================================== */


.luxury-tags {

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:30px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.07);

}



.luxury-tags span {

    padding:8px 16px;

    border-radius:50px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.07);

    color:#8e8e9c;

    font-size:12px;

}





/* ==================================
   ÄHNLICHE PROFILE
   ================================== */


.similar-section {

    max-width:1400px;

    margin:100px auto 40px;

}



.similar-section h2 {

    color:#fff;

    font-size:32px;

}



.similar-section h2 span {

    color:#e6ca65;

}





.profile-grid,
.profiles-editorial-grid {

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));

    gap:25px;

}



.profile-card {

    background:#101015 !important;

    border-radius:22px !important;

    overflow:hidden !important;

    border:1px solid rgba(255,255,255,.07) !important;

}



.profile-card img {

    width:100% !important;

    height:auto !important;

    aspect-ratio:3 / 4 !important;

    object-fit:cover !important;

    display:block !important;

}



.profile-content {

    padding:22px !important;

}



.profile-content h3 {

    color:#e6ca65;

    font-size:24px;

}





/* ==================================
   RESPONSIVE
   ================================== */


@media(max-width:1000px){


.profile-page-luxury {

    grid-template-columns:1fr;

}


.profile-visuals {

    position:relative;

    width:100%;

}


.profile-main-image-box {

    width:100%;

    height:auto;

    aspect-ratio:3 / 4.2;

}


}



@media(max-width:700px){


.profile-content-box {

    padding:25px;

}



.profile-header-top {

    flex-direction:column;

    gap:20px;

}



.profile-gallery-grid {

    grid-template-columns:repeat(3,1fr);

}


}



@media(max-width:450px){


.profile-gallery-grid {

    grid-template-columns:repeat(2,1fr);

}


}