:root{
  --bg:#f7f3ed;
  --paper:#fffdf8;
  --ink:#2d2925;
  --muted:#6f675f;
  --line:#e3d8cc;
  --accent:#8a4b32;
  --shadow:0 18px 45px rgba(46,35,26,.10);
  --radius:18px;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:"Segoe UI", Roboto, Arial, sans-serif;
  font-size:17px;
  line-height:1.72;
  font-weight:400;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(138,75,50,.10), transparent 35%),
    linear-gradient(180deg,#fbf7f1 0%, var(--bg) 60%, #efe7dd 100%);
}

.legal-wrap{
  max-width:900px;
  margin:58px auto;
  padding:0 24px;
}

.card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:40px;
  box-shadow:var(--shadow);
}

h1{
  margin:0 0 24px;
  font-size:38px;
  line-height:1.18;
  font-weight:300;
  letter-spacing:-.02em;
  color:#2e271f;
}

h2{
  margin:34px 0 12px;
  font-size:24px;
  font-weight:400;
  color:#3a3027;
}

p{margin:0 0 18px}

a{
  color:var(--accent);
  text-decoration:none;
  border-bottom:1px solid rgba(138,75,50,.25);
}

a:hover{border-bottom-color:var(--accent)}

.footer-nav{
  margin-top:38px;
  color:var(--muted);
}

@media(max-width:700px){
  body{font-size:16px}
  .legal-wrap{margin:28px auto}
  .card{padding:26px}
  h1{font-size:31px}
}


/* Dynamische Trennlinien */
.modern-divider{
    border:0;
    height:1px;
    background:linear-gradient(to right, transparent, #ccb8a3, transparent);
    margin:32px 0;
    width:100%;
}

table{
    max-width:100%;
}

img{
    max-width:100%;
    height:auto;
}