html, body{ margin: 0; padding: 0; background: var(--bg); min-height: 100%; }
  :root{
    /* Farben und Schriften kommen jetzt aus /assets/theme.css.
       Hier stand bis 08/2026 eine Kopie derselben Liste — auf 14 Seiten.
       Eine Design-Änderung musste dadurch 14-mal gemacht werden, und das
       helle Thema hätte die lokalen Werte nie überschreiben können. */
  }
  *{ box-sizing: border-box; }
  .sub-page{
    position: relative;
    background: var(--bg); color: var(--text); font-family: var(--font-body);
    min-height: 100%; padding: 28px 20px 60px; -webkit-font-smoothing: antialiased;
    overflow: hidden; overflow: clip; /* kein Scroll-Container -> kein zweiter Scrollbalken */
  }
  .sub-page::before{
    content:''; position:absolute; top:-200px; left:50%; transform:translateX(-50%);
    width:600px; height:400px; border-radius:50%;
    background: radial-gradient(circle, rgba(124,252,110,0.18), transparent 70%);
    filter: blur(70px); pointer-events:none;
  }
  .wrap{ position:relative; max-width: 720px; margin: 0 auto; z-index:1; }
  .home-link{ display:inline-block; font-size:12.5px; font-weight:600; color:var(--text-faint); text-decoration:none; margin-bottom:18px; }
  .home-link:hover{ color:var(--cyan); }
  h1{
    font-family: var(--font-display); font-weight: 800; font-size: 28px;
    margin: 0 0 8px; color: var(--cyan);
    text-shadow: 0 0 10px rgba(124,252,110,0.5);
  }
  .page-sub{ color: var(--text-dim); font-size: 14px; margin: 0 0 26px; line-height:1.5; }
  .panel{
    background: var(--bg-card); border: 1px solid var(--line); border-radius: 18px;
    padding: 26px 24px; margin-bottom: 22px; position:relative; overflow:hidden;
  }
  .panel::before{
    content:''; position:absolute; top:0; left:0; right:0; height:2px;
    background: linear-gradient(90deg, transparent, var(--cyan), var(--violet), transparent);
    opacity:.8;
  }

  .cookie-banner{
    position: fixed; left:16px; right:16px; bottom:16px; z-index:200;
    max-width: 640px; margin: 0 auto;
    background: var(--bg-card); border: 1px solid var(--line); border-radius: 14px;
    padding: 16px 18px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    box-shadow: 0 20px 50px -20px rgba(0,0,0,0.6);
  }
  .cookie-banner p{ margin:0; font-size:12.5px; color:var(--text-dim); line-height:1.5; flex:1; min-width:200px; }
  .cookie-banner a{ color: var(--cyan); }
  .cookie-banner button{
    font-size:12.5px; font-weight:700; color:var(--auf-gruen);
    background: linear-gradient(135deg, var(--cyan), var(--violet));
    border:none; border-radius:10px; padding:9px 16px; cursor:pointer; white-space:nowrap;
  }

  .social-row{ position:relative; display:flex; justify-content:center; gap:12px; margin-top:32px; padding-top:26px; }
  .social-row::before{ content:''; position:absolute; top:0; left:10%; right:10%; height:1px; background: linear-gradient(90deg, transparent, rgba(124,252,110,0.4), transparent); }
  .social-row a{ width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--text-dim); background:var(--bg-card); border:1px solid var(--line); transition: all .18s ease; }
  .social-row a:hover{ color:var(--cyan); border-color:var(--cyan); transform:translateY(-2px); }
  .social-row svg{ width:18px; height:18px; }

  .footer-note{ margin-top:22px; font-size:11.5px; color:var(--text-faint); text-align:center; line-height:1.6; }
  .footer-note a{ color:var(--text-dim); }

  .spec-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
  }
    .spec-card{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--bg-card);
    border: 1px solid var(--line);
    border-left: 3px solid var(--cyan);
    border-radius: 10px;
    padding: 11px 13px;
    transition: all .18s ease;
  }
    .spec-card:hover{
    border-color: rgba(124,252,110,0.5);
    border-left-color: var(--cyan);
    transform: translateY(-2px);
    box-shadow: 0 12px 26px -16px rgba(124,252,110,0.4);
  }
    .spec-role{
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--text-faint);
  }
    .spec-value{
    font-family: var(--font-display);
    font-size: 13.5px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
  }