/* ===== Datenschutz – Eigenes Theme ===== */
:root{
  --primary:#00d9ff;
  --secondary:#00fff9;
  --bg1:#050d1a;
  --bg2:#0a1628;
  --panel:rgba(10,30,50,.78);
  --text:#e8f4f8;
  --muted:#7a9eb5;
  --glow:rgba(0,217,255,.5);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; color:var(--text); background:linear-gradient(180deg,var(--bg1),var(--bg2));
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  display:flex; flex-direction:column;
}

/* Header / Topnav */
.site-header{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:16px 20px; max-width:1100px; margin:0 auto;
}
.brand{
  text-decoration:none; color:var(--text); font-weight:900; font-size:20px;
  padding:8px 12px; border:2px solid var(--primary); border-radius:12px;
  background:rgba(0,0,0,.2); box-shadow:0 0 18px var(--glow), inset 0 0 12px rgba(0,217,255,.08);
}
.top-nav a{
  color:var(--secondary); text-decoration:none; font-weight:700; margin-left:14px;
}
.top-nav a:hover{text-decoration:underline}
.top-nav a.active{color:#fff; text-decoration:underline}

/* Hauptcontainer */
.container{
  width:100%; max-width:900px; margin:20px auto; padding:28px 24px;
  background:var(--panel); border:2px solid var(--primary); border-radius:16px;
  box-shadow:0 0 26px var(--glow), inset 0 0 22px rgba(0,217,255,.06); backdrop-filter:blur(8px);
}
.container:focus{outline:none}
h1{margin:0 0 8px 0; font-size:32px}
.meta{color:var(--muted); margin:0 0 18px 0}
h2{margin:24px 0 8px 0; font-size:20px}
p,li{color:var(--text)}
ul{margin:8px 0 0 20px}

/* Footer */
.site-footer{ width:100%; max-width:900px; margin:8px auto 24px; }
.footer-links{
  display:flex; justify-content:center; align-items:center; gap:12px;
  padding:14px 16px; border:2px solid var(--primary); border-radius:12px;
  background:rgba(10,30,50,.65); box-shadow:0 0 16px var(--glow), inset 0 0 16px rgba(0,217,255,.05);
}
.footer-links a{color:var(--secondary); text-decoration:none; font-weight:700}
.footer-links a:hover{text-decoration:underline}
.footer-links a.active{color:#fff}

/* Links */
a{color:var(--secondary)}
a:hover{text-decoration:underline}

/* Responsive */
@media (max-width:640px){
  .site-header{padding:12px 14px}
  .brand{font-size:18px}
  .container{padding:22px 18px}
}

/* Print-optimiert */
@media print{
  body{background:#fff; color:#000}
  .site-header,.site-footer{display:none}
  .container{box-shadow:none; border:none; padding:0; margin:0}
  a{color:#000; text-decoration:underline}
}