/* Lokal gehostete Schriften (DSGVO-konform, keine Google-Server) */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/fonts/inter-v20-latin-300.woff2') format('woff2'); }
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/inter-v20-latin-regular.woff2') format('woff2'); }
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/inter-v20-latin-600.woff2') format('woff2'); }

  :root { --navy:#080f1a; --navy2:#0d1a2e; --teal:#28b4dc; --silver:#b8c8d8; --white:#f0f4f8; --muted:rgba(176,196,216,0.55); }
  *, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
  body { background:var(--navy); color:var(--white); font-family:'Inter',sans-serif; line-height:1.65; }
  nav {
    position:fixed; top:0; left:0; right:0; z-index:100;
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 60px;
    background:rgba(8,15,26,0.95); backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(40,180,220,0.08);
  }
  .nav-logo img { height:64px; width:auto; }
  .nav-back { color:var(--silver); font-size:13px; letter-spacing:.06em; text-decoration:none; transition:color .2s; }
  .nav-back:hover { color:var(--teal); }
  main { max-width:820px; margin:0 auto; padding:120px 40px 80px; }
  .page-title { font-size:42px; font-weight:300; color:var(--white); margin-bottom:48px; }
  .tabs { display:flex; gap:4px; margin-bottom:48px; border-bottom:1px solid rgba(176,196,216,0.1); }
  .tab {
    background:none; border:none; color:var(--muted); font-size:14px;
    padding:12px 24px 14px; cursor:pointer; letter-spacing:.04em;
    border-bottom:2px solid transparent; margin-bottom:-1px;
    transition:all .2s; font-family:'Inter',sans-serif;
  }
  .tab.active { color:var(--teal); border-bottom-color:var(--teal); }
  .tab-content { display:block; scroll-margin-top:110px; }
  .tab-content.active { display:block; }
  h2 { font-size:22px; font-weight:600; margin:40px 0 12px; color:var(--white); }
  h3 { font-size:12px; font-weight:600; margin:28px 0 8px; color:var(--silver); letter-spacing:.08em; text-transform:uppercase; }
  p { color:var(--silver); margin-bottom:14px; font-size:15px; }
  a { color:var(--teal); text-decoration:none; }
  a:hover { text-decoration:underline; }
  .data-block {
    background:rgba(13,26,46,0.6); border:1px solid rgba(40,180,220,0.1);
    border-radius:4px; padding:20px 24px; color:var(--silver);
    margin-bottom:20px; font-size:15px; line-height:1.7;
  }
  hr { border:none; border-top:1px solid rgba(176,196,216,0.08); margin:40px 0; }
  @media (max-width:700px) { nav { padding:10px 20px; } .nav-logo img { height:52px; } main { padding:100px 20px 60px; } .page-title { font-size:28px; } }

html { scroll-behavior:smooth; } .tabs { flex-wrap:wrap; } .tab { padding:12px 14px; } :focus-visible { outline:2px solid var(--teal); outline-offset:4px; } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}