/* =========================================================
   MERIDIAN ENERGIE – Stylesheet für Rechtsseiten
   (Impressum, Datenschutz, AGB)
   ========================================================= */
:root{
  --navy:#0b1a24;--paper:#f4efe4;--paper-2:#ece4d3;--ink:#16242c;--ink-2:#3c4c55;--muted:#6c7b83;
  --line:#dcd3c1;--brass:#b07c2f;--brass-2:#c9a25a;--brass-soft:#e7d6b3;--line-dark:rgba(201,162,90,.22);
  --serif:"Fraunces","Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--brass);text-decoration:none}
a:hover{text-decoration:underline}

/* Header */
.legal-header{background:#07141c;border-bottom:1px solid rgba(201,162,90,.18)}
.legal-header .bar{max-width:920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand:hover{text-decoration:none}
.brand .mark{width:40px;height:40px;flex:none;border:1.5px solid var(--brass-2);border-radius:3px;display:grid;place-items:center;background:linear-gradient(160deg,#10242f,#07141c)}
.brand .mark span{font-family:var(--serif);color:var(--brass-2);font-size:20px;font-weight:600;line-height:1}
.brand .name{color:#f4efe4;font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.06em}
.back{color:#c3cfd5;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:7px}
.back:hover{color:#fff;text-decoration:none}

/* Content */
.legal-wrap{max-width:820px;margin:0 auto;padding:54px 26px 40px}
.legal-wrap .kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.26em;font-size:11.5px;font-weight:700;color:var(--brass);margin-bottom:14px}
.legal-wrap h1{font-family:var(--serif);font-size:38px;font-weight:600;letter-spacing:-.5px;line-height:1.1;color:var(--ink);margin-bottom:10px}
.legal-wrap .updated{color:var(--muted);font-size:14px;margin-bottom:6px}
.legal-wrap h2{font-family:var(--serif);font-size:23px;font-weight:600;color:var(--ink);margin:38px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
.legal-wrap h3{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);margin:24px 0 8px}
.legal-wrap p{margin-bottom:14px;color:var(--ink-2)}
.legal-wrap ul,.legal-wrap ol{margin:0 0 16px 22px;color:var(--ink-2)}
.legal-wrap li{margin-bottom:7px}
.legal-wrap strong{color:var(--ink)}
.legal-wrap .ph{background:#fbf3df;border:1px solid var(--brass-soft);border-radius:3px;padding:1px 6px;color:#8a6a2a;font-weight:600;font-family:var(--sans);font-size:.94em}
.legal-wrap address{font-style:normal;background:#fbf8f0;border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:4px;padding:16px 18px;margin-bottom:16px;color:var(--ink)}

/* Disclaimer-Hinweis (oben) */
.notice{max-width:820px;margin:22px auto 0;padding:14px 18px;background:#fdf6e6;border:1px solid var(--brass-soft);border-left:3px solid var(--brass);border-radius:4px;font-size:13.5px;color:#7a5e26}
.notice strong{color:#5e4818}

/* Seiten-Navigation zwischen Rechtsseiten */
.legal-nav{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 0}
.legal-nav a{background:#fbf8f0;border:1px solid var(--line);border-radius:3px;padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.legal-nav a:hover{border-color:var(--brass);color:var(--brass);text-decoration:none}
.legal-nav a.active{background:var(--navy);color:var(--brass-2);border-color:var(--navy)}

/* Footer */
.legal-footer{border-top:1px solid var(--line);margin-top:30px}
.legal-footer .bar{max-width:820px;margin:0 auto;padding:24px 26px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.legal-footer a{color:var(--ink-2)}

@media(max-width:600px){
  .legal-wrap h1{font-size:30px}
  .legal-wrap{padding:38px 22px 30px}
}