/* ===== Salon Beispiel – Rechtsseiten (Impressum / Datenschutz / AGB) ===== */
:root {
    --cream:#FAFAF5; --warm:#F5EFE0; --gold:#C9A84C; --gold-lt:#E8D5A0;
    --gold-dk:#A6882E; --dark:#1A1A1A; --text:#2C2C2C; --muted:#6B6B6B; --white:#FFFFFF;
    --green-it:#009246; --red-it:#CE2B37;
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; font-size:16px; scrollbar-width:none; -ms-overflow-style:none; }
html::-webkit-scrollbar{ width:0; height:0; display:none; }
body {
    font-family:'Montserrat',sans-serif;
    background:var(--cream); color:var(--text);
    overflow-x:hidden; line-height:1.6;
}

/* Nav */
nav {
    position:fixed; inset:0 0 auto; z-index:1000;
    padding:18px 64px; display:flex; align-items:center; justify-content:space-between;
    background:rgba(250,250,245,.96); backdrop-filter:blur(12px);
    box-shadow:0 2px 32px rgba(0,0,0,.06);
}
.nav-logo {
    font-family:'Playfair Display',serif; font-size:1.45rem; font-weight:700;
    color:var(--dark); text-decoration:none; letter-spacing:.02em;
}
.nav-logo em { font-style:normal; color:var(--gold); }
.nav-back {
    font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
    color:var(--text); text-decoration:none; display:inline-flex; align-items:center; gap:8px;
    transition:color .3s;
}
.nav-back:hover { color:var(--gold); }

/* Header */
.legal-header {
    background:linear-gradient(140deg,#FAFAF5 0%,#F3EBD5 55%,#FAFAF5 100%);
    padding:160px 0 70px;
    border-bottom:1px solid rgba(201,168,76,.15);
}
.container { max-width:880px; margin:0 auto; padding:0 64px; }
.it-stripe { display:flex; height:3px; width:72px; border-radius:2px; overflow:hidden; margin-bottom:18px; }
.it-stripe span { flex:1; }
.it-g{background:var(--green-it);} .it-w{background:#fff;border:1px solid #ddd;} .it-r{background:var(--red-it);}
.eyebrow {
    display:inline-flex; align-items:center; gap:10px;
    font-size:.66rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
    color:var(--gold); margin-bottom:16px;
}
.eyebrow::before { content:''; width:26px; height:1px; background:var(--gold); }
.legal-header h1 {
    font-family:'Playfair Display',serif; font-size:clamp(2.2rem,4.5vw,3.4rem);
    font-weight:700; color:var(--dark); line-height:1.1;
}
.legal-header h1 em { font-style:italic; color:var(--gold); }
.legal-updated {
    font-family:'Cormorant Garamond',serif; font-style:italic;
    color:var(--muted); font-size:1.05rem; margin-top:14px;
}

/* Content */
.legal-content { padding:70px 0 100px; }
.legal-content .container { max-width:820px; }
.legal-content h2 {
    font-family:'Playfair Display',serif; font-size:1.45rem; font-weight:600;
    color:var(--dark); margin:42px 0 14px; line-height:1.3;
}
.legal-content h2:first-child { margin-top:0; }
.legal-content h3 {
    font-size:1rem; font-weight:600; color:var(--dark); margin:26px 0 10px;
}
.legal-content p {
    font-size:.92rem; font-weight:300; color:var(--text); line-height:1.9; margin-bottom:16px;
}
.legal-content strong { font-weight:600; color:var(--dark); }
.legal-content a { color:var(--gold-dk); text-decoration:underline; text-underline-offset:2px; }
.legal-content a:hover { color:var(--gold); }
.legal-content ul { margin:0 0 18px 22px; }
.legal-content li { font-size:.92rem; font-weight:300; color:var(--text); line-height:1.8; margin-bottom:6px; }
.legal-content code {
    font-family:monospace; background:var(--warm); padding:2px 6px; border-radius:3px;
    font-size:.85em; color:var(--gold-dk);
}
.legal-content hr { border:none; border-top:1px solid rgba(201,168,76,.2); margin:42px 0; }
.legal-content blockquote {
    background:var(--warm); border-left:4px solid var(--gold);
    padding:20px 26px; font-size:.86rem; font-style:italic; color:var(--muted); line-height:1.7;
    border-radius:0 4px 4px 0;
}

/* Footer */
footer { background:var(--dark); padding:50px 0 32px; }
footer .container { max-width:880px; }
.foot-top {
    display:flex; justify-content:space-between; align-items:flex-start;
    padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.07); margin-bottom:22px; flex-wrap:wrap; gap:20px;
}
.foot-logo { font-family:'Playfair Display',serif; font-size:1.4rem; font-weight:700; color:var(--white); }
.foot-logo em { font-style:normal; color:var(--gold); }
.foot-tag { font-family:'Cormorant Garamond',serif; font-style:italic; color:rgba(255,255,255,.45); font-size:.88rem; margin-top:4px; }
.foot-links { list-style:none; display:flex; gap:24px; flex-wrap:wrap; }
.foot-links a {
    font-size:.7rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase;
    color:rgba(255,255,255,.45); text-decoration:none; transition:color .3s;
}
.foot-links a:hover { color:var(--gold); }
.foot-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.foot-copy { font-size:.68rem; color:rgba(255,255,255,.28); }
.foot-it { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:.82rem; color:var(--gold); }

@media (max-width:768px) {
    nav { padding:16px 24px; }
    .container { padding:0 24px; }
    .legal-header { padding:120px 0 50px; }
    .foot-top, .foot-bottom { flex-direction:column; }
}