/* ---------- LEGAL PAGES (Impressum, Datenschutz) ---------- */
.legal-header{
  background:var(--ink); padding:18px 0; text-align:center;
}
.legal-header .wrap{
  display:flex; align-items:center; justify-content:space-between; max-width:820px;
}
.legal-header .logo-mark{display:flex; align-items:center; gap:12px;}
.legal-header .logo-mark img{width:32px; height:32px; border-radius:7px;}
.legal-header .logo-mark span{
  font-family:'Big Shoulders Display'; font-weight:900; color:var(--cream); font-size:19px;
}
.legal-header a.back{
  color:var(--sage); text-decoration:none; font-size:14px; font-weight:500;
}
.legal-header a.back:hover{color:var(--cream);}

.legal-main{max-width:820px; margin:0 auto; padding:60px 24px 90px;}
.legal-main h1{
  font-size:clamp(30px,5vw,44px); text-transform:none; margin-bottom:34px; line-height:1.1;
}
.legal-main h2{
  font-size:20px; text-transform:none; margin:44px 0 12px; font-weight:700;
}
.legal-main p, .legal-main li{font-size:15.5px; color:#3c4a3e; margin:0 0 14px;}
.legal-main ul{padding-left:20px; margin:0 0 14px;}
.legal-main a{color:var(--green); text-decoration:underline;}

.legal-notice{
  border:1.5px solid var(--gold); border-radius:var(--radius); padding:20px 24px;
  background:rgba(217,162,87,0.1); margin-bottom:40px;
}
.legal-notice p{margin:0; color:#5c4a25; font-size:14.5px;}

.placeholder{
  background:rgba(217,162,87,0.25); color:#8a5a1f; font-family:'IBM Plex Mono';
  font-size:13.5px; padding:2px 7px; border-radius:5px;
}

.legal-footer{background:var(--ink); color:var(--sage); padding:26px 0; font-size:12px; text-align:center;}
.legal-footer a{text-decoration:none; color:var(--sage); margin:0 8px;}