/* ==========================================================
   LAURIM.DE 3.0
   Foundation
   ========================================================== */

:root{

    --gold:#7A5B2E;
    --text:#17202A;
    --bg:#F7F6F2;
    --border:#CBC6BB;

    --font-heading: 'Lora', serif;
    --font-body: 'Inter', Arial, Helvetica, sans-serif;

    --max-width:1260px;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    font-size:20px;
    line-height:1.7;

}

img{
    max-width:100%;
    display:block;
}

a{
    color:inherit;
    text-decoration:none;
}

.container{
    width:min(1260px,92%);
    margin:auto;
}

.site-header{
    position: sticky;
    top: 0;
    z-index: 1000;

    background: rgba(247,246,242,0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-bottom:2px solid var(--border);
    padding:24px 0;
}

.site-header .container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:80px;

}


.brand{

    font-family:var(--font-heading);

    font-size:24px;

    font-weight:700;

    letter-spacing:.08em;

}



nav{
    display:flex;
    gap:40px;
    margin-left:auto;
}

nav a{
    font-size:17px;
    transition:.2s;
}

nav a:hover{
    color:var(--gold);
}

nav a.active{
    color:var(--gold);
    font-weight:600;
}

.lang-switch{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:48px;
    font-size:16px;
}

.lang-switch span{
    color:#999;
}

.lang-switch a{
    color:#777;
    transition:.2s;
}

.lang-switch a:hover{
    color:var(--gold);
}

.lang-switch a.active{
    color:var(--gold);
    font-weight:600;
}


.hero{
    padding:120px 0 80px;
}

.eyebrow{

    font-family:var(--font-body);

    font-size:15px;

    font-weight:600;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:var(--gold);

    margin-bottom:28px;

}

.profile-text h1 {
font-size: 52px;
font-weight: 500;
line-height: 1.15;
letter-spacing: -0.5px;
}

.hero h1 span{
    color:var(--gold);
}

.lead{

    margin-top:28px;

    font-size:26px;

    line-height:1.7;

    max-width:980px;

    color:#4b5563;

}

.profile{

   padding:20px 0 50px;
margin-top: 0px;
}

.profile-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:80px;

    align-items:center;

}

.profile-image img{

    width:100%;

    display:block;

    border-radius:8px;

    box-shadow:0 24px 60px rgba(0,0,0,.12);

}


.section-label{

    font-family:var(--font-body);

    font-size:18px;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:var(--gold);

    margin-top:50px;
    margin-bottom:40px;
}


.profile-text{

    max-width:900px;

}

.profile-text h2{

    font-family:var(--font-heading);

    font-size:42px;

    line-height:1.2;

    font-weight:600;

    margin-bottom:24px;

}

.profile-text p{

    font-size:20px;

    line-height:1.8;

    margin-bottom:24px;

    color:#555;

}

.highlights {
padding: 60px 0 30px 0;
}

.highlights-grid{

    display:grid;

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

    gap:40px;

    margin-top:60px;

}

.highlights-summary{

    max-width:100%;

    margin-top:40px;

    font-size:21px;

    line-height:1.8;

    color:#555;

}

.highlight-number{

    font-family:var(--font-heading);

    font-size:48px;

    font-weight:600;

    line-height:1;

    color:var(--text);

    margin-bottom:16px;

}

.highlights h2 {
font-size: 38px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.3px;
margin-bottom: 35px;
}

.highlight-card{

    padding-right:30px;

}

.highlight-title{

    font-size:20px;

    line-height:1.45;

    color:#555;

}
.governance-item {
margin-top: 2rem;
padding: 1.25rem 0;
border-bottom: 1px solid #d9d9d9;
}

.governance {
padding: 60px 0 20px 0;
}

.governance h2 {
font-size: 38px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 2rem;
}

.governance-intro{
font-size:21px;
line-height:1.8;
max-width:1100px;
margin-bottom:3rem;
}

.company {
    font-size: 1.25rem;
    color: #666;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
}
.company-description {
    font-size: 20px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 1.3rem;
}
.governance-item h3 {
    font-family: var(--font-heading);
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0.6rem;
    color: #4b5563;
}
.governance-text {
    font-size: 21px;
    line-height: 1.8;
    color: #222;
    font-weight: 500;
}
.governance hr {
    border: 0;
    border-top: 1px solid #d9d9d9;
    margin: 0 0 25px 0;
}

.governance-divider {
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    margin: 3rem 0 2rem;
}

/* =====================================================
   INDUSTRY EXPERTISE
===================================================== */

.industry-expertise h2{
font-size:36px;
font-weight:500;
line-height:1.2;
margin-bottom:30px;
}

.industry-intro{
font-size:21px;
line-height:1.8;
color:#555;
max-width:1100px;
}

.industry-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
    align-items: stretch;
}

.industry-card {
    background: #fff;
    border: 1px solid #e7dfcf;
    border-radius: 14px;
    padding: 2.25rem;
    transition: all 0.25s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.industry-card h3 {
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 1rem;
    color: #0f172a;
}

.industry-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,.06);
    border-color: #c7a45a;
}

.industry-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0 1.2rem;
}

.industry-tags span {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    border: 1px solid #d6c08d;
    border-radius: 20px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #8c6b28;
    background: #faf8f2;
    letter-spacing: 0.02em;
}

.board-value {
padding: 80px 0;
}

.board-value h2 {
font-size: 38px;
line-height: 1.2;
font-weight: 500;
margin-bottom: 50px;
}

.board-text {
max-width: 1100px;
}

.board-text p {
font-size: 20px;
line-height: 1.9;
color: #555;
margin-bottom: 42px;

}

.board-divider {
width: 100%;
height: 1px;
background: #d9d9d9;
margin-bottom: 40px;
}

.section-divider {
width: 100%;
border: 0;
border-top: 2px solid #d9d9d9;
margin: 0 0 12px 0;
}

CSS
.imprint {
padding: 80px 0;
}

.imprint h2 {
font-size: 38px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 40px;
}

.imprint-content p {
font-size: 20px;
line-height: 1.8;
color: #555;
margin-bottom: 30px;
}

.imprint {
padding: 60px 0;
}
.imprint h2 {
font-size: 38px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 40px;
}

.imprint-content p {
font-size: 20px;
line-height: 1.8;
color: #555;
margin-bottom: 25px;
}
.site-footer {
padding: 40px 0;
border-top: 2px solid #d9d9d9;
text-align: left;
font-size: 16px;
color: #666;
}

.footer-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-links{
    display:flex;
    align-items:center;
    gap:10px;
}

.footer-copyright{
    color:#666;
}

.site-footer a {
color: inherit;
}
.site-footer a:hover {
color: var(--gold);
}

.contact-box {
    background: #F8F7F3;
    border: none;
    border-left: 1.5px solid var(--gold);
    padding: 32px 36px;
    margin-top: 40px;
    border-radius: 6px;
    max-width: 900px;
}

.contact-box h3 {
    font-family: var(--font-heading);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text);
    margin-bottom: 20px;
}

.contact-box p {
    font-size: 20px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 12px;
}

.contact-box a {
    color: var(--text);
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-box a:hover {
    color: var(--gold);
}

.board-profile-download {
    margin-top: 28px;
    margin-bottom: 0;
    padding-top: 20px;
    border-top: 1px solid #E1DDD3;
}

.board-profile-download a {
    color: var(--gold);
    font-weight: 500;
    text-decoration: none;
}

.board-profile-download a:hover {
    color: var(--text);
}

.contact-box p:first-of-type {
    margin-bottom: 24px;
}

.contact-box p:last-of-type {
    margin-bottom: 0;
}