/* Shared stylesheet for Impressum / Datenschutz / Disclaimer */
:root{
  --bg:#f7fafc; --surface:#fff; --text:#0b1e3f; --text-muted:#475569;
  --primary:#0b3a8a; --primary-600:#1046a6; --primary-700:#0a2e6f;
  --accent:#22b8e6;
  --gradient:linear-gradient(135deg,#0a2e6f 0%,#1046a6 45%,#22b8e6 100%);
  --border:#e2e8f0; --radius:14px; --radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(11,30,63,.06);
  --shadow-md:0 10px 30px rgba(11,30,63,.09);
  --maxw:920px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:system-ui,-apple-system,'Segoe UI Variable','Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  color:var(--text); background:var(--bg); line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--primary-600); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--maxw); margin:0 auto; padding:0 24px}

/* Header */
header.site{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--border);
}
.nav{display:flex; align-items:center; justify-content:space-between; height:72px; max-width:1180px; margin:0 auto; padding:0 24px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none}
.brand img{height:48px; width:auto}
.brand:hover{text-decoration:none}
.nav a.back{
  font-size:.95rem; font-weight:500; color:var(--text);
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px; border-radius:999px; border:1px solid var(--border);
  transition:background .15s ease, border-color .15s ease;
}
.nav a.back:hover{background:#f1f5f9; border-color:#cbd5e1; text-decoration:none}

/* Hero */
.legal-hero{
  background:var(--gradient); color:#fff; padding:72px 0 56px; position:relative; overflow:hidden;
}
.legal-hero::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(1000px 300px at 80% -10%, rgba(6,182,212,.35), transparent 60%);
  pointer-events:none;
}
.legal-hero h1{
  font-size:clamp(1.9rem, 4vw, 2.8rem); font-weight:800; margin:0 0 8px; letter-spacing:-.02em; position:relative; z-index:1;
}
.legal-hero p{margin:0; color:#dbeafe; font-size:1.05rem; position:relative; z-index:1}

/* Content */
article.legal{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm); padding:48px; margin:-32px auto 80px;
  max-width:var(--maxw); position:relative; z-index:2;
}
article.legal h2{
  font-size:1.4rem; margin:32px 0 14px; color:var(--text); letter-spacing:-.01em;
  padding-top:16px; border-top:1px solid var(--border);
}
article.legal h2:first-of-type{border-top:0; padding-top:0; margin-top:0}
article.legal h3{font-size:1.1rem; margin:22px 0 10px; color:var(--text)}
article.legal p, article.legal li{color:var(--text); font-size:1rem}
article.legal ul, article.legal ol{padding-left:22px}
article.legal li{margin-bottom:6px}
article.legal address{font-style:normal; color:var(--text-muted); line-height:1.7; margin:8px 0 16px}
article.legal .muted{color:var(--text-muted); font-size:.92rem}

/* Footer */
footer.site{
  background:#0b1220; color:#e2e8f0; padding:40px 0 28px; margin-top:0;
}
footer.site .foot-inner{
  max-width:1180px; margin:0 auto; padding:0 24px;
  display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center;
}
footer.site a{color:#cbd5e1}
footer.site a:hover{color:#fff; text-decoration:none}
footer.site .links{display:flex; gap:20px; flex-wrap:wrap}
footer.site .copyright{color:#64748b; font-size:.88rem}

@media (max-width:640px){
  .legal-hero{padding:56px 0 48px}
  article.legal{padding:28px; margin:-24px 16px 56px}
  header.site{border-bottom:0; box-shadow:0 1px 0 rgba(11,30,63,.06)}
  .nav{height:56px}
  .brand img{height:38px; margin-top:0}
  footer.site .foot-inner{flex-direction:column; align-items:flex-start}
}
@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important}
  html{scroll-behavior:auto}
}