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;
  }

  .faq-item{ border-bottom:1px solid var(--line); }
  .faq-item:last-child{ border-bottom:none; }
  .faq-question{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:14px 2px; cursor:pointer; font-family:var(--font-display);
    font-weight:700; font-size:14.5px;
  }
  .faq-question .faq-arrow{ transition: transform .2s ease; color: var(--text-faint); flex-shrink:0; }
  .faq-item.open .faq-arrow{ transform: rotate(180deg); color: var(--cyan); }
  .faq-answer{ max-height:0; overflow:hidden; transition: max-height .25s ease; }
  .faq-item.open .faq-answer{ max-height:400px; }
  .faq-answer p{ margin:0 0 14px; font-size:13.5px; color:var(--text-dim); line-height:1.6; padding:0 2px; }

  .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); }

#cookieBanner{display:none}