:root{
  --braun:#4A3728;
  --salbei:#9CAA92;
  --terrakotta:#E28C5A;
  --sand:#EDD9B4;
  --creme:#F7F3EC;
  --braun-soft:#6b5849;
  --salbei-dark:#5d6b55;
  --line:rgba(74,55,40,.14);
  --line-strong:rgba(74,55,40,.3);
  --maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--creme);
  color:var(--braun);
  font-family:'Work Sans',system-ui,sans-serif;
  font-weight:400;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--salbei-dark)}
a:hover{color:var(--terrakotta)}

/* Header */
.legal-nav{
  position:sticky;top:0;z-index:50;
  background:rgba(247,243,236,.9);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.legal-nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:0 24px;
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.legal-nav img{height:52px;width:auto}
.legal-back{
  font-size:.9rem;font-weight:600;text-decoration:none;color:var(--braun);
  white-space:nowrap;
}
.legal-back:hover{color:var(--terrakotta)}

/* Inhalt */
main.legal{max-width:var(--maxw);margin:0 auto;padding:56px 24px 80px}
.legal-eyebrow{
  font-size:.7rem;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;color:var(--salbei-dark);
}
main.legal h1{
  font-size:clamp(2rem,5vw,2.9rem);font-weight:500;line-height:1.1;
  letter-spacing:-.015em;margin:.6rem 0 .4rem;
}
.legal-updated{font-size:.86rem;color:var(--braun-soft);margin-bottom:2.4rem}
main.legal h2{
  font-size:1.35rem;font-weight:600;margin:2.4rem 0 .8rem;
  padding-top:1.6rem;border-top:1px solid var(--line);
}
main.legal h2:first-of-type{border-top:none;padding-top:0}
main.legal h3{font-size:1.05rem;font-weight:600;margin:1.4rem 0 .5rem}
main.legal p{margin:.7rem 0;color:var(--braun-soft)}
main.legal strong{color:var(--braun);font-weight:600}
main.legal ul{margin:.7rem 0 .7rem 1.3rem;color:var(--braun-soft)}
main.legal li{margin:.4rem 0}
.legal-box{
  background:#fff;border:1px solid var(--line);
  padding:1.4rem 1.6rem;margin:1.2rem 0;
}
.legal-box p{margin:.3rem 0;color:var(--braun)}

/* Footer */
.legal-foot{
  background:#3b2c20;color:rgba(247,243,236,.6);
  padding:2.2rem 0;font-size:.85rem;
}
.legal-foot-inner{
  max-width:var(--maxw);margin:0 auto;padding:0 24px;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.legal-foot a{color:rgba(247,243,236,.75);text-decoration:none}
.legal-foot a:hover{color:var(--creme)}

@media(max-width:560px){
  .legal-nav-inner{height:62px}
  .legal-nav img{height:42px}
  main.legal{padding:40px 20px 60px}
  main.legal h2{font-size:1.2rem}
}