:root{
    --bg:#FFFFFF; --surface:#FAFAFB; --line:#E5E7EB;
    --text:#000000; --text-muted:#5B5F6B;
    --accent:#6366F1; --accent-dark:#4548D9; --accent-light:#EEF0FD;
    --radius:16px;
  }
  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
  h1,h2,h3{ font-family:'Inter',sans-serif; font-weight:800; letter-spacing:-0.02em; line-height:1.2; }
  a{ color:inherit; text-decoration:none; }
  img{ max-width:100%; display:block; }
  .wrap{ max-width:820px; margin:0 auto; padding:0 24px; }
  section{ padding:72px 0; border-bottom:1px solid var(--line); }
  @media(max-width:640px){ section{ padding:52px 0; } }

  /* NAV */
  header{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
  nav{ max-width:1080px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  .logo{ display:flex; align-items:center; gap:9px; }
  .logo img{ height:24px; width:auto; }
  .logo-text{ font-weight:800; font-size:18px; letter-spacing:-0.01em; }
  .back-link{ font-size:14px; font-weight:600; color:var(--accent); }
  .back-link:hover{ color:var(--accent-dark); }

  /* HERO — dunkles Farbschema wie auf der Startseite */
  .vhero{
    position:relative; z-index:0; padding:80px 0 68px; text-align:center;
    background:linear-gradient(165deg, #0B0B14 0%, #14122A 45%, #1B1840 100%);
    border-bottom-color:transparent; overflow:hidden;
  }
  .vhero::before{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:0.5;
    background-image:
      linear-gradient(rgba(99,102,241,0.12) 1px, transparent 1px),
      linear-gradient(90deg, rgba(99,102,241,0.12) 1px, transparent 1px);
    background-size:42px 42px;
    -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 35%, #000 0%, transparent 75%);
    mask-image:radial-gradient(ellipse 70% 70% at 50% 35%, #000 0%, transparent 75%);
  }
  .vhero .wrap{ position:relative; z-index:1; }
  .vbadge{
    display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,0.08); border:1px solid rgba(129,140,248,0.4);
    color:#fff; padding:10px 20px; border-radius:999px; font-weight:700; font-size:13px; letter-spacing:0.04em; margin-bottom:28px;
  }
  .vbadge .dot{ width:8px; height:8px; border-radius:50%; background:#818CF8; box-shadow:0 0 10px rgba(129,140,248,.9); }
  .vhero h1{ color:#fff; font-size:clamp(32px,5.2vw,48px); margin-bottom:18px; }
  .vhero .eyebrow{ font-size:14px; font-weight:700; letter-spacing:0.04em; color:#A5B4FC; margin-bottom:18px; }
  .vhero p{ color:#AEB0C8; font-size:17px; max-width:620px; margin:0 auto; }

  .eyebrow-s{ font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; }
  h2.sec-title{ font-size:clamp(23px,3.2vw,30px); margin-bottom:20px; }
  .lede{ color:var(--text-muted); font-size:16.5px; margin-bottom:16px; }
  .lede b, p.body-text b{ color:var(--text); font-weight:700; }
  .lede .hl, p.body-text .hl{ color:var(--accent-dark); font-weight:700; }
  p.body-text{ color:var(--text-muted); font-size:16px; margin-bottom:16px; }

  /* Status-Checkliste */
  .status-list{ display:grid; grid-template-columns:1fr; gap:10px; margin-top:24px; }
  @media(min-width:640px){ .status-list{ grid-template-columns:1fr 1fr; } }
  .status-item{
    display:flex; align-items:flex-start; gap:10px; background:var(--surface); border:1px solid var(--line);
    border-radius:12px; padding:14px 16px; font-size:14.5px; color:var(--text);
  }
  .status-item svg{ flex-shrink:0; margin-top:2px; }

  /* 12-Bereiche Grid (statisch, kein Hover nötig) */
  .std-grid{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:8px; }
  @media(min-width:680px){ .std-grid{ grid-template-columns:1fr 1fr; } }
  @media(min-width:980px){ .std-grid{ grid-template-columns:1fr 1fr 1fr; } }
  .std-card{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:20px 20px; }
  .std-card .std-num{ font-size:12.5px; font-weight:800; color:var(--accent); letter-spacing:0.04em; margin-bottom:8px; }
  .std-card h3{ font-size:15.5px; font-weight:700; margin-bottom:6px; }
  .std-card p{ font-size:13.5px; color:var(--text-muted); line-height:1.5; }

  /* Warn-/Legal-Boxen */
  .callout{
    background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--accent);
    border-radius:var(--radius); padding:26px 28px; margin-top:8px;
  }
  .callout p{ color:var(--text-muted); font-size:15.5px; margin-bottom:12px; }
  .callout p:last-child{ margin-bottom:0; }
  .callout p b{ color:var(--text); font-weight:700; }
  .callout p .hl{ color:var(--accent-dark); font-weight:700; }

  /* Transparenz-Zitat */
  .quote-section{ background:linear-gradient(135deg, #0A0A12 0%, #1E1B4B 55%, #312E81 100%); border-radius:24px; padding:56px 40px; text-align:center; }
  .quote-section .eyebrow-s{ color:#A5B4FC; justify-content:center; display:flex; }
  .quote-section h2{ color:#fff; font-size:clamp(23px,3.2vw,30px); margin-bottom:18px; }
  .quote-section p{ color:#C6C8D8; max-width:620px; margin:0 auto 10px; font-size:15.5px; }
  .quote-section .quote{ color:#A5B4FC; font-weight:700; margin-top:22px; font-size:18px; max-width:600px; margin-left:auto; margin-right:auto; line-height:1.5; }

  /* Abschluss */
  .closing-sec{ text-align:center; padding:84px 0 92px; border-bottom:none; }
  .closing-sec .eyebrow-s{ justify-content:center; display:flex; }
  .closing-sec h2{ font-size:clamp(26px,4.2vw,38px); margin-bottom:14px; }
  .closing-sec p{ color:var(--text-muted); font-size:16px; max-width:560px; margin:0 auto 32px; }
  .btn{ display:inline-flex; align-items:center; gap:10px; padding:16px 30px; background:var(--accent); color:#fff; font-weight:700; font-size:15.5px; border-radius:999px; border:none; cursor:pointer; transition:background .15s ease, transform .15s ease; }
  .btn:hover{ background:var(--accent-dark); transform:translateY(-1px); }

  footer{ padding:36px 0; }
  .footer-wrap{ max-width:1080px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .footer-wrap span{ font-size:13px; color:var(--text-muted); }
  .footer-wrap a{ font-size:13px; color:var(--text-muted); }
  .footer-wrap a:hover{ color:var(--accent); }

/* ehemals Inline-Styles */
.ver-s1{ margin-top:20px !important; }
.ver-s2{ margin-bottom:28px !important; }
.ver-s3{ border-bottom:none !important; }