/* === Fonts (lokal gehostet, kein Google-Fonts-Abruf) === */
  @font-face { font-family: 'Syne'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/syne-latin-400-normal.woff2') format('woff2'); }
  @font-face { font-family: 'Syne'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/syne-latin-500-normal.woff2') format('woff2'); }
  @font-face { font-family: 'Syne'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/syne-latin-600-normal.woff2') format('woff2'); }
  @font-face { font-family: 'Syne'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/syne-latin-700-normal.woff2') format('woff2'); }
  @font-face { font-family: 'Syne'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/syne-latin-800-normal.woff2') format('woff2'); }
  @font-face { font-family: 'Fira Code'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/fira-code-latin-400-normal.woff2') format('woff2'); }
  @font-face { font-family: 'Fira Code'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/fira-code-latin-500-normal.woff2') format('woff2'); }

  :root{
    --bg:#000000; --bg-card:#0a0a0a; --bg-elevated:#111111;
    --gold:#C8963E; --gold-hover:#D4A854; --gold-glow:rgba(200,150,62,.3); --gold-subtle:rgba(200,150,62,.08);
    --pace:#c45060; --pace-subtle:rgba(196,80,96,.08);
    --text-primary:#ffffff; --text-secondary:#ffffff; --text-muted:#948b78;
    --border:rgba(255,255,255,.07); --border-active:rgba(200,150,62,.3);
    --radius:8px;
    --font-heading:'Syne',-apple-system,BlinkMacSystemFont,sans-serif;
    --font-body:'Syne',-apple-system,BlinkMacSystemFont,sans-serif;
    --font-mono:'Syne',-apple-system,BlinkMacSystemFont,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
  body{background:var(--bg);color:#ffffff;font-family:var(--font-body);line-height:1.65;overflow-x:hidden;}
  a{text-decoration:none;color:inherit;}
  ::-moz-selection{background:var(--pace);color:#fff;}
  ::selection{background:var(--pace);color:#fff;}
  :focus-visible{outline:2px solid var(--pace);outline-offset:2px;border-radius:2px;}

  .container{max-width:1100px;margin:0 auto;padding:0 1.5rem;}

  /* Header */
  .page-header{padding:2rem 0;border-bottom:1px solid var(--border);margin-bottom:4rem;}
  .page-header .container{display:flex;align-items:center;justify-content:space-between;}
  .page-logo{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.02em;}
  .page-logo span{color:var(--gold);}
  .back-link{font-family:var(--font-body);font-size:.8rem;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color .2s;display:flex;align-items:center;gap:.4rem;}
  .back-link:hover{color:var(--gold-hover);}

  /* Content */
  .privacy-content{max-width:760px;color:#ffffff;line-height:1.75;font-family:var(--font-body);font-size:11pt;}
  .privacy-content h1{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;color:#ffffff;margin-bottom:0.25rem;}
  .privacy-content h2{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--gold);margin-top:2.5rem;margin-bottom:1rem;line-height:1.35;}
  .privacy-content h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--gold);margin-top:1.75rem;margin-bottom:0.75rem;line-height:1.35;}
  .privacy-content p{color:#ffffff;margin-bottom:1rem;}
  .privacy-content ul{color:#ffffff;margin-bottom:1rem;padding-left:1.5rem;}
  .privacy-content li{color:#ffffff;margin-bottom:0.4rem;}
  .privacy-content strong{color:#ffffff;font-weight:600;}
  .privacy-content a{color:var(--gold);transition:color .2s;}
  .privacy-content a:hover{color:var(--gold-hover);}
  .privacy-content .section-rule{width:60px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.5rem 0 2rem;}
  .privacy-block{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.25rem 0;}
  .privacy-block p{margin-bottom:0.5rem;}
  .privacy-block p:last-child{margin-bottom:0;}

  /* Footer */
  .page-footer{padding:3rem 0;margin-top:5rem;border-top:1px solid var(--border);text-align:center;font-size:.75rem;color:var(--text-muted);}
  /* Layout wie im Footer der Startseite: Trennung über Abstand statt Pipes */
  .page-footer .footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;}
  .page-footer a{color:var(--text-muted);transition:color .2s;}
  .page-footer a:hover{color:var(--gold);}

  /* ---------- Under Construction Banner / Text Box ---------- */
  .construction-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(10, 10, 12, 0.85);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(220, 38, 38, 0.35);
    padding: 0.6rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  }
  .construction-box {
    background: linear-gradient(135deg, #b91c1c 0%, #dc2626 50%, #991b1b 100%);
    color: #ffffff;
    font-family: 'Syne', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    padding: 0.45rem 1.25rem;
    border-radius: 6px;
    border: 1px solid rgba(254, 202, 202, 0.35);
    box-shadow: 0 0 15px rgba(220, 38, 38, 0.4);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
  }
  .construction-box .construction-icon {
    font-size: 1rem;
    line-height: 1;
  }

  @media(max-width:700px){
    .page-header{margin-bottom:2rem;}
    .privacy-content{font-size:10.5pt;}
  }