/* Legal pages stylesheet — impressum.html + datenschutz.html
   Extrahiert M31, identisches CSS in beiden Files war eingebettet.
   --cream:#F5F1E8 ist hier dunkler als der site-weite --cream:#f1e9d2
   (siehe H09); Konsolidierung bleibt offener Schritt (separates Refactor). */
:root {
  --dark:    #0D2B20;
  --gold:    #C9A227;
  --cream:   #F5F1E8;
  --black:   #080E0B;
  --fn-head: 'Fraunces', Georgia, serif;
  --fn-body: 'Inter', sans-serif;
  --ease: cubic-bezier(.4,0,.2,1);
  --t: 0.28s;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fn-body);background:var(--black);color:var(--cream);-webkit-font-smoothing:antialiased;min-height:100vh}
a{text-decoration:none;color:inherit}

.page-nav {
  position:sticky;top:0;z-index:100;
  height:60px;
  background:rgba(8,14,11,.95);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(201,162,39,.18);
  padding:0 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
}
.back-link {
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.8rem;font-weight:500;letter-spacing:.06em;
  color:rgba(255,255,255,.7);
  transition:color var(--t) var(--ease);
}
.back-link:hover{color:var(--gold)}
.back-link svg{flex-shrink:0}
.nav-brand {
  font-family:var(--fn-head);font-size:.9rem;
  color:var(--gold);letter-spacing:.04em;font-weight:700;
}

main {
  max-width:760px;
  margin:0 auto;
  padding:4rem 2rem 6rem;
}
.section-label {
  display:inline-block;
  font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(201,162,39,.7);margin-bottom:.75rem;
}
h1 {
  font-family:var(--fn-head);
  font-size:clamp(2rem,4vw,3rem);
  font-weight:900;line-height:1.05;
  color:var(--cream);letter-spacing:-.02em;
  margin-bottom:3rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid rgba(201,162,39,.15);
}
.legal-body {font-size:.9rem;color:rgba(245,241,232,.75);line-height:2}
.legal-body h3 {
  font-family:var(--fn-head);color:var(--gold);
  font-size:1rem;margin-bottom:.5rem;margin-top:2rem;
}
.legal-body p{margin-bottom:1.5rem}
.legal-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.notice {
  margin-top:3rem;padding:1.25rem;
  background:rgba(201,162,39,.08);
  border:1px solid rgba(201,162,39,.2);
  font-size:.8rem;color:rgba(245,241,232,.45);
  line-height:1.7;
}

footer {
  border-top:1px solid rgba(201,162,39,.12);
  padding:1.5rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:1rem;
  font-size:.75rem;color:rgba(245,241,232,.35);
}
footer a{color:rgba(245,241,232,.45);transition:color var(--t)}
footer a:hover{color:var(--gold)}

/* M16 — Utility-Klassen für legal.css (impressum.html + datenschutz.html) */
.u-legal-eyebrow {
  font-size: .75rem; color: rgba(245,241,232,.35);
  letter-spacing: .1em; text-transform: uppercase;
  margin-bottom: 2rem;
}
.u-text-cream { color: var(--cream); }