:root{--ix-accent:#181a1e;--ix-text:#151515;--ix-muted:#6d6d6d;--ix-line:#e7e7e7;--ix-shell:980px;--ix-content:720px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:var(--ix-text)}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.site-header{background:#181a1e;border-bottom:1px solid var(--ix-line)}
.header-inner{max-width:var(--ix-shell);min-height:48px;margin:0 auto;padding:0 16px;display:flex;align-items:stretch;justify-content:space-between;gap:14px}
.header-left{display:flex;align-items:stretch;min-width:0}
.logo-spiegel{display:flex;align-items:center;padding:0 16px;background:transparent;color:#fff;font:400 24px/1.05 "Cambria Math","Segoe UI Symbol",Georgia,serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap}
.legal-section{display:flex;align-items:center;padding:0 14px;color:#666;border-right:1px solid var(--ix-line);font:700 10px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.back-link{display:flex;align-items:center;color:#555;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;white-space:nowrap}
.back-link:hover{color:var(--ix-accent)}
.page-wrapper{width:min(calc(100% - 32px),var(--ix-content));margin:0 auto;padding:34px 0 0}
.content-card{background:#fff;padding:0;box-shadow:none}
.legal-page-title{margin:0 0 23px;color:#111;font:700 34px/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.legal-body{font-family:Georgia,"Times New Roman",serif}
.legal-body h2{margin:26px 0 9px;color:#111;font:700 20px/1.2 Georgia,"Times New Roman",serif}
.legal-body h2:first-child{margin-top:0}
.legal-body p,.legal-body li{margin:0 0 13px;color:#222;font:400 15px/1.58 Georgia,"Times New Roman",serif}
.legal-body ul,.legal-body ol{margin:0 0 15px 20px;padding:0}
.legal-body a{color:var(--ix-accent);font-weight:700;text-decoration:none}
.legal-body a:hover{text-decoration:underline}
.site-footer{margin-top:50px;padding:0;background:#2a303b;border-top:1px solid var(--ix-line);color:#777}
.footer-inner{width:min(calc(100% - 32px),var(--ix-shell));margin:0 auto;padding:26px 0 28px}
.footer-logo{display:inline-block;margin:0 0 17px;padding:10px 13px;background:transparent;color:#fff;font:400 22px/1.1 "Cambria Math","Segoe UI Symbol",Georgia,serif;text-transform:none}
.company-footer-block{display:block!important;width:100%;margin:0 0 15px;padding:0;color:#777!important;text-align:left!important;font:400 10px/1.45 Arial,Helvetica,sans-serif!important}
.company-footer-block__title{display:block!important;margin:0 0 5px;color:#333!important;font:700 10px/1.35 Arial,Helvetica,sans-serif!important}
.company-footer-block__text,.company-footer-block a{color:#777!important;font:inherit!important;text-decoration:none}
.footer-bottom{margin-top:13px;padding-top:12px;border-top:1px solid var(--ix-line);color:#aaa;font:400 9px/1.4 Arial,Helvetica,sans-serif}
.footer-nav-links{display:flex;flex-wrap:wrap;gap:5px 14px;margin:0 0 10px;padding:0}
.footer-nav-links a{padding:0;border:0;border-radius:0;color:#555;text-decoration:none;font:700 10px/1.3 Arial,Helvetica,sans-serif}
.footer-nav-links a:hover,.footer-nav-links a[aria-current="page"]{color:var(--ix-accent);text-decoration:none}
@media(max-width:600px){
 .header-inner{padding:0 12px}.logo-spiegel{padding:0 12px;font-size:20px}.legal-section{display:none}.back-link{font-size:10px}
 .page-wrapper{width:calc(100% - 24px);padding-top:24px}.legal-page-title{font-size:29px}.legal-body p,.legal-body li{font-size:15px}
 .footer-inner{width:calc(100% - 24px)}
}
/* Repere Capital: reference typography + footer text tone */
:root{
  --repere-editorial-font:"The Antiqua B",Georgia,"Times New Roman",serif;
  --repere-footer-text:#e8eaee;
}
html body,
html body *{
  font-family:var(--repere-editorial-font) !important;
}
html body .logo-spiegel,
html body .logo-spiegel *,
html body .site-footer .footer-logo,
html body .site-footer .footer-logo *{
  font-family:"Cambria Math","Segoe UI Symbol",Georgia,serif !important;
}
html body .site-footer,
html body .site-footer .company-footer-block,
html body .site-footer .company-footer-block *,
html body .site-footer .company-footer-block a,
html body .site-footer .footer-bottom,
html body .site-footer .footer-nav-links,
html body .site-footer .footer-nav-links a{
  color:var(--repere-footer-text) !important;
  -webkit-text-fill-color:var(--repere-footer-text) !important;
}
html body .site-footer .footer-logo,
html body .site-footer .footer-logo *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}