:root {
      --accent-500: oklch(42.1% 0.120 252); --accent-600: oklch(36.1% 0.101 252); --accent-700: oklch(29.4% 0.079 252);
      --accent-100: oklch(92.0% 0.017 252); --accent-050: oklch(95.9% 0.010 252);
      --ink-900: oklch(16.1% 0.005 252); --ink-800: oklch(22.7% 0.006 252); --ink-700: oklch(31.3% 0.008 252);
      --ink-600: oklch(42.0% 0.010 252); --ink-500: oklch(54.8% 0.008 252); --ink-400: oklch(65.9% 0.007 252);
      --ink-300: oklch(82.9% 0.005 252); --ink-200: oklch(88.2% 0.004 252); --ink-100: oklch(93.8% 0.003 252); --ink-50: #F2F4F3;
      --paper-00: oklch(100% 0 0); --paper-10: oklch(98.7% 0.002 252); --paper-20: oklch(96.8% 0.003 252); --paper-30: oklch(94.3% 0.004 252);
      --sand: oklch(95.9% 0.012 252); --sand-200: #F0ECE3; --sand-300: #E6E1D4;
      --flame: oklch(68.6% 0.209 42);
      --font-read: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
      --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
      --type-read: 18px;        /* Lese-Fließtext (komfortabel) */
      --read-measure: 768px;    /* Container → ~640px Inhalt ≈ 65ch @18px */

      --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
      --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

      --hairline: 1px solid var(--ink-100);
      --hairline-soft: 1px solid var(--paper-30);
      --hairline-dark: 1px solid rgba(250, 251, 250, 0.14);

      --r-sm: 6px; --r-md: 12px; --r-lg: 18px; --r-xl: 28px; --r-pill: 999px;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
    body {
      margin: 0; background: var(--paper-10); color: var(--ink-800);
      font-family: var(--font-sans); font-size: var(--type-body); line-height: 1.55;
      -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
    }
    p { margin: 0; }
    a { color: inherit; text-decoration: none; }
    ul, ol { margin: 0; padding: 0; list-style: none; }
    h1, h2, h3, h4 { margin: 0; font-weight: 600; letter-spacing: -0.015em; color: var(--ink-900); }

    /* Skip-Link (a11y — Tastatur/Screenreader) */
    .skip-link {
      position: absolute; left: var(--s-4); top: -100px; z-index: 200;
      display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--s-5);
      background: var(--accent-500); color: #fff; border-radius: var(--r-pill);
      font-family: var(--font-sans); font-size: var(--type-body-sm); font-weight: 500;
      text-decoration: none; transition: top 120ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .skip-link:focus { top: var(--s-3); outline: 2px solid var(--ink-900); outline-offset: 2px; }
    .mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
    img { max-width: 100%; display: block; }

    ::selection { background: var(--accent-500); color: #fff; }

    .container { max-width: 1344px; margin: 0 auto; padding-left: var(--s-5); padding-right: var(--s-5); }
    @media (min-width: 880px) { .container { padding-left: var(--s-8); padding-right: var(--s-8); } }
    .container--narrow { max-width: 860px; }
    .container--mid { max-width: 1099px; }

    .eyebrow {
      font-size: var(--type-eyebrow); line-height: 1.3; font-weight: 600;
      letter-spacing: 0.08em; text-transform: uppercase;
      color: var(--ink-500);
    }
    .eyebrow--accent { color: var(--accent-600); }

    .wordmark {
      font-family: var(--font-sans); font-weight: 700; font-size: var(--type-h3);
      letter-spacing: -0.03em; color: var(--ink-900);
      display: inline-flex; align-items: baseline; gap: 3px;
    }
.wordmark__svg { height: 24px; width: auto; display: block; }
    .nav .wordmark__svg { height: 44px; }
    .wordmark .dot {
      width: 7px; height: 7px; border-radius: var(--r-pill);
      background: var(--accent-500); display: inline-block; transform: translateY(-1px);
    }

    /* Nav */
    .nav {
      position: sticky; top: 0; z-index: 60;
      background: rgba(250, 251, 250, 0.82); backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px); border-bottom: var(--hairline);
    }
    /* DEPRECATED, replaced by FORCE-Override below: .nav__row { display: flex; align-items: center; justify-content: space-between; height: 72px; } */
    .nav__links { display: none; gap: var(--s-7); }
    @media (min-width: 880px) { .nav__links { display: flex; } }
    .nav__links a, .nav__links button {
      font-family: var(--font-sans); font-size: var(--type-body-sm); font-weight: 500; color: var(--ink-700);
      background: none; border: 0; padding: 0; cursor: pointer;
      transition: color 120ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .nav__links a:hover, .nav__links button:hover { color: var(--ink-900); }
    .nav__links a.is-active, .nav__links button.is-active {
      color: var(--ink-900); padding-bottom: 4px;
      border-bottom: 2px solid var(--accent-500);
    }
    /* "+" marker: Menüpunkt hat eine Megabar */

    /* ─── Mega menu (Apple-style) ─────────────────────────────────── */
    .mega {
      position:fixed; left:0; right:0; top:72px; z-index:80;
      background:rgba(250,251,250,0.97);
      backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
      border-bottom:var(--hairline);
      opacity:0; visibility:hidden; pointer-events:none;
      transform:translateY(-8px);
      filter:blur(4px);
      transition:opacity 180ms cubic-bezier(0.22,0.61,0.36,1), transform 180ms, filter 180ms, visibility 0s 180ms;
    }
    /* Hover-bridge: prevents mega from closing when cursor crosses the gap between trigger and mega */
    .mega::before {
      content:""; position:absolute; left:0; right:0;
      top:-28px; height:28px;
      pointer-events:none;
    }
    .mega.is-open::before { pointer-events:auto; }
    .mega.is-open {
      opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);
      filter:blur(0);
      transition:opacity 180ms cubic-bezier(0.22,0.61,0.36,1), transform 180ms, filter 180ms, visibility 0s 0s;
    }
    .mega__grid {
      display:grid; grid-template-columns:1.6fr 1fr 1fr;
      gap:var(--s-9); padding:var(--s-8) 0 var(--s-9);
    }
    @media (max-width:879px) { .mega { display:none; } }
    .mega__label {
      display:block; font-family:var(--font-mono); font-size: var(--type-eyebrow);
      color:var(--ink-400); letter-spacing:0.08em; text-transform:uppercase;
      margin-bottom:var(--s-5);
    }
    .mega__list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--s-4); }
    .mega__list--primary { gap:var(--s-3); }
    .mega__list--primary a {
      font-family:var(--font-sans); font-size: var(--type-h2); line-height:1.15;
      font-weight:600; letter-spacing:-0.02em; color:var(--ink-900);
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .mega__list--primary a:hover { color:var(--accent-600); }
    .mega__list--primary a em {
      font-family:var(--font-sans); font-style:normal; font-weight:600;
      color:var(--accent-600);
    }
    .mega__list a {
      font-size: var(--type-body-sm); font-weight:500; color:var(--ink-800);
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .mega__list a:hover { color:var(--accent-600); }
    .mega__hint {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); color:var(--ink-400);
      letter-spacing:0.04em; margin-top:var(--s-6);
    }
    .mega__divider { border-top:var(--hairline); margin:var(--s-4) 0; }

    /* Mega — Erfolge variant */
    .mega--erfolge .mega__grid { grid-template-columns:1.1fr 0.9fr 1.3fr; gap:var(--s-8); }
    .mega--erfolge .mega__list a {
      font-family:var(--font-sans); font-size: var(--type-body); font-weight:500;
      color:var(--ink-900); line-height:1.35; letter-spacing:-0.005em;
      display:block; padding:6px 0;
    }
    .mega--erfolge .mega__list a em {
      font-family:var(--font-mono); font-style:normal; font-weight:600;
      font-size: var(--type-eyebrow); letter-spacing:0.06em; text-transform:uppercase;
      color:var(--accent-600); margin-right:6px;
      vertical-align:1px;
    }
    .mega--erfolge .mega__list a:hover { color:var(--accent-600); }
    .mega--erfolge .mega__list a .mega__meta {
      display:block; font-family:var(--font-mono); font-size: var(--type-eyebrow);
      color:var(--ink-500); letter-spacing:0.04em; margin-top:2px;
      text-transform:uppercase; font-style:normal;
    }
    .mega__featured { display:grid; grid-template-columns:1fr 1fr; gap:var(--s-5); }
    @media (max-width:1099px) { .mega__featured { grid-template-columns:1fr; } }
    .mega__featured-card { display:block; color:inherit;
      transition:transform 200ms cubic-bezier(0.22,0.61,0.36,1); }
    .mega__featured-card:hover { transform:translateY(-2px); }
    .mega__featured-card__img { aspect-ratio:4/3; overflow:hidden; border-radius:var(--r-sm);
      background:var(--ink-100); margin-bottom:var(--s-3); }
    .mega__featured-card__img img { width:100%; height:100%; object-fit:cover;
      transition:transform 400ms cubic-bezier(0.22,0.61,0.36,1); }
    .mega__featured-card:hover .mega__featured-card__img img { transform:scale(1.03); }
    .mega__featured-card__kicker { font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em;
      color:var(--accent-600); text-transform:uppercase; margin-bottom:4px; }
    .mega__featured-card__title { font-family:var(--font-sans); font-size: var(--type-body); font-weight:600;
      line-height:1.25; letter-spacing:-0.01em; color:var(--ink-900); margin-bottom:6px; }
    .mega__featured-card__title em { font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--accent-600); }
    .mega__featured-card__excerpt { font-size: var(--type-caption); line-height:1.45; color:var(--ink-700); }
    .mega__all-link { display:inline-flex; align-items:center; gap:6px;
      margin-top:var(--s-5);
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em;
      text-transform:uppercase; color:var(--accent-600);
      padding-bottom:4px; border-bottom:1px solid var(--accent-500);
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1), border-color 120ms cubic-bezier(0.22,0.61,0.36,1); }
    .mega__all-link:hover { color:var(--ink-900); border-color:var(--ink-900); }
    /* Prominenter „Alle X ansehen"-Eintrag — größer als all-link, der visuelle Anchor zur Übersichtsseite */
    .mega__cta-link {
      display:inline-flex; align-items:center; gap:8px;
      margin-top:var(--s-3);
      margin-bottom:var(--s-5);
      padding:10px 18px;
      font-family:var(--font-sans); font-size: var(--type-body-sm); font-weight:600; letter-spacing:-0.01em;
      color:var(--paper-10); background:var(--accent-600);
      border-radius:8px;
      transition:background 160ms cubic-bezier(0.22,0.61,0.36,1), transform 160ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .mega__cta-link:hover { background:var(--accent-700); transform:translateY(-1px); }
    .mega__cta-link span { transition:transform 160ms cubic-bezier(0.22,0.61,0.36,1); }
    .mega__cta-link:hover span { transform:translateX(2px); }



    /* Buttons */
    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2);
      height: 48px; padding: 0 var(--s-5);
      border-radius: var(--r-pill);
      font-family: var(--font-sans); font-size: var(--type-body-sm); font-weight: 500;
      letter-spacing: -0.005em; cursor: pointer; border: 1px solid transparent;
      transition: background 120ms cubic-bezier(0.22, 0.61, 0.36, 1), border-color 120ms, color 120ms;
      white-space: nowrap;
    }
    .btn--primary { background: var(--accent-500); color: #fff; }
    .btn--primary:hover { background: var(--accent-600); }
    .btn--secondary { background: var(--paper-00); color: var(--ink-800); border-color: var(--ink-200); }
    .btn--secondary:hover { background: var(--paper-20); border-color: var(--ink-400); }
    .btn--ghost-light { background: transparent; color: var(--paper-10); border-color: rgba(250,251,250,0.35); }
    .btn--ghost-light:hover { background: rgba(250,251,250,0.1); border-color: rgba(250,251,250,0.6); }
    .btn--sm { height: 44px; padding: 0 var(--s-4); font-size: var(--type-body-sm); }

    .nav__cta-desktop { display:none; }
    @media (min-width:880px) { .nav__cta-desktop { display:inline-flex; } }
    /* LinkedIn-Icon in Nav (rechts neben Fall einreichen) */    .nav__linkedin {      display:none; align-items:center; justify-content:center;      width:44px; height:44px;      color:var(--ink-500);      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1), transform 120ms cubic-bezier(0.22,0.61,0.36,1);    }    @media (min-width:880px) { .nav__linkedin { display:inline-flex; } }    .nav__linkedin:hover { color:var(--ink-900); transform:translateY(-1px); }    .nav__linkedin svg { width:20px; height:20px; }    .nav__panel-linkedin {      display:flex; align-items:center; gap:var(--s-3);      padding:var(--s-3) var(--s-5); margin-top:var(--s-3);      font-size: var(--type-body-sm); font-weight:500; color:var(--ink-700);      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);    }    .nav__panel-linkedin:hover { color:var(--ink-900); }    .nav__panel-linkedin svg { width:18px; height:18px; flex-shrink:0; color:var(--ink-500); }
    .btn .arrow { font-family: var(--font-mono); font-weight: 500; display: inline-block; transition: transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1); }
    .btn:hover .arrow { transform: translateX(3px); }
    .btn:active { transform: translateY(1px); }

    /* Breadcrumb (magazine-style) */
    .breadcrumb-bar {
      padding: var(--s-5) 0 var(--s-5);
    }
    .breadcrumb {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.06em; color: var(--ink-500);
      display: flex; align-items: center; gap: var(--s-3);
      text-transform: uppercase;
    }
    .breadcrumb a { color: var(--ink-500); transition: color 120ms; }
    .breadcrumb a:hover { color: var(--accent-600); }
    .breadcrumb .sep { color: var(--ink-300); }
    .breadcrumb .current { color: var(--ink-900); font-weight: 500; }

    /* ======== MAGAZINE HERO ======== */
    .mag-hero {
      padding: 0 0 var(--s-9);
    }
    .mag-hero__card {
      background: var(--accent-500);
      color: #fff;
      border-radius: var(--r-xl);
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr;
      min-height: 480px;
    }
    @media (min-width: 1100px) {
      .mag-hero__card { grid-template-columns: 1.25fr 1fr; min-height: 560px; }
    }
    .mag-hero__text {
      padding: var(--s-8) var(--s-7) var(--s-8);
      display: flex; flex-direction: column; justify-content: space-between;
      gap: var(--s-7);
    }
    @media (min-width: 1100px) {
      .mag-hero__text { padding: var(--s-9) var(--s-8) var(--s-8) var(--s-9); }
    }
    .read-pill {
      display: inline-flex; align-items: center; gap: var(--s-2);
      padding: 10px var(--s-4);
      border-radius: var(--r-pill);
      border: 1px solid rgba(255,255,255,0.28);
      background: rgba(255,255,255,0.06);
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.14em; color: rgba(255,255,255,0.9);
      align-self: flex-start;
      text-transform: uppercase;
    }
    .read-pill svg { width: 14px; height: 14px; stroke: rgba(255,255,255,0.75); }
    .mag-hero__headline {
      font-family: var(--font-sans); font-style: normal;
      font-size: var(--type-hero);
      line-height: 1.05; letter-spacing: -0.025em;
      color: #fff; font-weight: 700;
      margin: 0;
    }
    .mag-hero__headline em {
      font-family: var(--font-serif); font-style:normal;
      font-weight: 400; color: #fff;
    }
    .mag-hero__dek {
      font-family: var(--font-sans); font-size: var(--type-body);
      line-height: 1.65; color: rgba(255,255,255,0.78);
      max-width: 46ch; margin-top: var(--s-5);
    }
    .mag-hero__text-top { display: flex; flex-direction: column; gap: var(--s-7); }

    /* Magazine hero visual */
    .mag-hero__visual {
      position: relative; background: var(--sand);
      min-height: 320px;
      display: block; overflow: hidden;
    }
    .mag-hero__visual img {
      width: 100%; height: 100%;
      object-fit: cover; object-position: center;
      display: block;
    }

    /* Sticky Sidebar (desktop only) — TOC + Author + System */
    .toc-sticky {
      position: fixed;
      left: clamp(12px, 2vw, 28px);
      top: 96px;
      max-height: calc(100vh - 120px);
      overflow-y: auto;
      width: 212px;
      z-index: 40;
      padding: var(--s-3) 0;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
      scrollbar-width: thin;
      scrollbar-color: rgba(12, 14, 13, 0.18) transparent;
    }
    .toc-sticky::-webkit-scrollbar { width: 4px; }
    .toc-sticky::-webkit-scrollbar-thumb { background: rgba(12, 14, 13, 0.18); border-radius: 2px; }
    .toc-sticky.is-visible {
      opacity: 1;
      pointer-events: auto;
    }
    .toc-sticky__label {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--ink-400); font-weight: 600;
      margin: 0 0 var(--s-3) var(--s-3);
      display: block;
    }
    .toc-sticky__list {
      list-style: none; padding: 0; margin: 0;
      border-left: 1px solid rgba(12, 14, 13, 0.08);
    }
    .toc-sticky__list li { margin: 0; }
    .toc-sticky__list a {
      display: block;
      padding: 7px 0 7px var(--s-3);
      font-family: var(--font-sans); font-size: var(--type-eyebrow);
      line-height: 1.45; color: var(--ink-500);
      border-left: 2px solid transparent;
      margin-left: -1px;
      text-decoration: none;
      transition: color 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), border-color 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .toc-sticky__list a:hover { color: var(--ink-900); transform: translateX(2px); }
    .toc-sticky__list a.is-active {
      color: var(--accent-600);
      border-left-color: var(--accent-500);
      font-weight: 500;
    }

    /* Sidebar-Sub-Blöcke (Autor + ERLEDIGT.-System) */
    .toc-sticky__divider {
      height: 1px; background: rgba(12, 14, 13, 0.08);
      margin: var(--s-5) 0; border: 0;
    }
    .toc-sticky__author {
      display: flex; align-items: center; gap: var(--s-3);
      padding: 0 var(--s-3);
      text-decoration: none;
      transition: opacity 0.18s ease;
    }
    .toc-sticky__author:hover { opacity: 0.75; }
    .toc-sticky__author img {
      width: 40px; height: 40px;
      border-radius: var(--r-pill);
      object-fit: cover; flex-shrink: 0;
    }
    .toc-sticky__author-name {
      display: block;
      font-family: var(--font-sans); font-size: var(--type-caption);
      font-weight: 600; color: var(--ink-900); line-height: 1.3;
    }
    .toc-sticky__author-role {
      display: block;
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.06em; color: var(--ink-500);
      margin-top: 2px;
    }
    .toc-sticky__about {
      padding: 0 var(--s-3);
      font-family: var(--font-sans); font-size: var(--type-eyebrow);
      line-height: 1.55; color: var(--ink-600);
    }
    .toc-sticky__about p { margin: 0 0 var(--s-2); }
    .toc-sticky__about p:last-child { margin-bottom: 0; }
    .toc-sticky__about strong { color: var(--ink-900); font-weight: 600; }
    .toc-sticky__about-link {
      display: inline-block; margin-top: var(--s-2);
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.04em; color: var(--accent-600);
      text-decoration: none; border-bottom: 1px solid var(--accent-500);
      padding-bottom: 2px; transition: color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .toc-sticky__about-link:hover { color: var(--ink-900); border-color: var(--ink-900); }

    @media (max-width: 1279px) {
      .toc-sticky { display: none; }
    }

    /* ERLEDIGT. bar */
    .erledigt-bar {
      background: var(--paper-20); border-top: var(--hairline); border-bottom: var(--hairline);
      padding: var(--s-3) 0;
    }
    .erledigt-bar__row {
      display: flex; align-items: center; justify-content: center;
      gap: var(--s-5); flex-wrap: wrap;
      font-family: var(--font-mono); font-size: var(--type-eyebrow); color: var(--ink-500);
      letter-spacing: 0.04em;
    }
    .erledigt-bar .dot { width: 6px; height: 6px; background: var(--accent-500); border-radius: var(--r-pill); display: inline-block; margin-right: 6px; vertical-align: middle; }
    .erledigt-bar a { color: var(--ink-500); }
    .erledigt-bar a:hover { color: var(--ink-900); }
    .erledigt-bar a.is-active { color: var(--flame); }
    .erledigt-bar .sep { color: var(--ink-300); }

    /* Article meta */
    .article-meta {
      padding: var(--s-6) 0; border-bottom: var(--hairline);
      display: flex; gap: var(--s-8); flex-wrap: wrap; align-items: center;
    }
    .article-meta__item {
      display: flex; flex-direction: column; gap: 2px;
    }
    .article-meta__label {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-400);
    }
    .article-meta__value {
      font-family: var(--font-sans); font-size: var(--type-body-sm); color: var(--ink-800); font-weight: 500;
    }
    .article-meta__back {
      margin-left: auto;
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.08em; text-transform: uppercase;
      color: var(--accent-600);
    }
    .article-meta__back:hover { color: var(--accent-700); }

    /* Reading body */
    .reading {
      padding: var(--s-9) 0;
    }
    /* Eine Lese-Achse: Spalte = Maß, kein schwimmender Gutter */
    .reading .container--narrow { max-width: var(--read-measure); }
    .reading p {
      font-family: var(--font-read); font-size: var(--type-read);
      line-height: 1.62; color: var(--ink-800);
      margin-bottom: var(--s-5);
    }
    .reading p.lead {
      font-size: clamp(20px, 2vw, 22px); color: var(--ink-700); line-height: 1.5; font-weight: 400;
    }
    .reading p.scene {
      font-family: var(--font-read); font-style: normal;
      font-size: var(--type-read); color: var(--ink-600); line-height: 1.62;
    }
    .reading h2 {
      font-family: var(--font-serif); font-style:normal;
      font-size: clamp(26px, 2.6vw, 30px);
      line-height: 1.18; letter-spacing: -0.015em;
      font-weight: 400; color: var(--ink-900);
      margin: var(--s-8) 0 var(--s-5);
    }
    .reading h2:first-child { margin-top: 0; }
    .reading h2 em { color: var(--accent-600); font-style:normal; }
    .reading h3 {
      font-family: var(--font-sans);
      font-size: 19px; line-height: 1.4;
      font-weight: 600; letter-spacing: -0.01em;
      color: var(--ink-900);
      margin: var(--s-6) 0 var(--s-3);
    }

    .section-break {
      display: block; width: 56px; height: 2px;
      background: var(--accent-500);
      margin: var(--s-8) 0;
    }

    /* Kurzantwort quote */
    .kurzantwort {
      background: var(--accent-050);
      border:1px solid var(--accent-100);
      padding: var(--s-6) var(--s-6) var(--s-6) var(--s-7);
      border-radius:var(--r-md);
      margin: 0 0 var(--s-7);
    }
    .kurzantwort__label {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--accent-600); font-weight: 600;
      margin-bottom: var(--s-3); display: block;
    }
    .kurzantwort p {
      font-family: var(--font-sans); font-size: var(--type-body);
      line-height: 1.6; color: var(--ink-800);
      max-width: 62ch; margin: 0;
    }
    .kurzantwort p strong { color: var(--ink-900); font-weight: 600; }
    .kurzantwort__facts {
      list-style: none; padding: var(--s-5) 0 0;
      margin: var(--s-5) 0 0; border-top: 1px solid rgba(10,78,140,0.18);
      display: grid; grid-template-columns: 1fr; gap: var(--s-3) var(--s-6);
    }
    @media (min-width: 640px) { .kurzantwort__facts { grid-template-columns: repeat(2, 1fr); } }
    .kurzantwort__facts li { display: flex; flex-direction: column; gap: 2px; }
    .kurzantwort__fact-key {
      font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.08em;
      text-transform: uppercase; color: var(--accent-600);
    }
    .kurzantwort__fact-val {
      font-size: var(--type-body-sm); line-height: 1.5; color: var(--ink-800);
    }

    /* Pull quote */
    .pull-quote {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h2);
      line-height: 1.25; color: var(--accent-600);
      padding: var(--s-6) 0 var(--s-6) var(--s-6);

      margin: var(--s-8) 0;
      max-width: 28ch; font-weight: 400;
    }

    /* Info card */
    .info-card {
      background: var(--paper-00); border: var(--hairline-soft);
      border-radius: var(--r-md);
      padding: var(--s-6);
      margin: var(--s-7) 0;
    }
    .info-card h3 {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--accent-600); font-weight: 600;
      margin-bottom: var(--s-3);
    }
    .info-card p {
      font-family: var(--font-sans); font-size: var(--type-body-sm);
      line-height: 1.6; color: var(--ink-700);
      margin: 0; max-width: 68ch;
    }

    /* Numbered blocks (four pillars) */
    .numbered-block {
      display: grid; grid-template-columns: 40px 1fr;
      gap: var(--s-5); align-items: start;
      padding: var(--s-6) 0;
      border-top: var(--hairline);
    }
    .numbered-block:first-child { border-top: 2px solid var(--ink-900); }
    .numbered-block:last-child { border-bottom: var(--hairline); }
    .numbered-block .num {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h2); color: var(--accent-600); font-weight: 400;
      line-height: 1; padding-top: 4px;
    }
    .numbered-block h3 {
      font-size: var(--type-h3); line-height: 1.25; color: var(--ink-900);
      margin-bottom: var(--s-3); font-weight: 600;
    }
    .numbered-block p {
      font-family: var(--font-sans); font-size: var(--type-body-sm);
      line-height: 1.6; color: var(--ink-700); margin: 0;
      max-width: 56ch;
    }

    /* Factors grid */
    .factors {
      display: grid; grid-template-columns: 1fr; gap: var(--s-5);
      margin: var(--s-7) 0;
    }
    @media (min-width: 880px) { .factors { grid-template-columns: repeat(2, 1fr); gap: var(--s-6); } }
    .factor {
      background: var(--paper-00); border: var(--hairline-soft);
      border-radius: var(--r-md); padding: var(--s-6);
    }
    .factor h3 {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h3); color: var(--ink-900);
      font-weight: 400; margin-bottom: var(--s-3);
    }
    .factor p {
      font-family: var(--font-sans); font-size: var(--type-body-sm);
      line-height: 1.6; color: var(--ink-700); margin: 0;
    }

    /* Image break */
    .image-break {
      padding: var(--s-7) 0;
    }
    .image-break__wrap {
      position: relative; border-radius: var(--r-xl); overflow: hidden;
      max-height: 460px;
    }
    .image-break__wrap img {
      width: 100%; height: 100%; object-fit: cover; max-height: 460px;
      transition: transform 600ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .image-break__wrap:hover img { transform: scale(1.04); }
    .image-break__caption {
      position: absolute; bottom: 0; left: 0; right: 0;
      padding: var(--s-5) var(--s-6);
      background: linear-gradient(to top, rgba(12,14,13,0.7) 0%, transparent 100%);
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      color: rgba(255,255,255,0.85); letter-spacing: 0.14em; text-transform: uppercase;
    }

    /* Stats dark */
    .stats-dark {
      background: var(--ink-900); color: var(--paper-10);
      padding: var(--s-10) 0;
    }
    .stats-dark__quote {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h2);
      line-height: 1.35; color: rgba(250,251,250,0.72);
      max-width: 36ch; margin: 0 auto var(--s-8);
      text-align: center;
    }
    .stats-dark__grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-5);
    }
    @media (min-width: 880px) { .stats-dark__grid { grid-template-columns: repeat(4, 1fr); gap: var(--s-8); } }
    .stats-dark__stat {
      border-left: 1px solid rgba(250,251,250,0.15);
      padding: var(--s-3) 0 var(--s-3) var(--s-5);
    }
    .stats-dark__num {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h1);
      line-height: 1; font-weight: 400; color: var(--paper-10);
      margin-bottom: var(--s-3);
    }
    .stats-dark__num--accent { color: var(--mint-500, #7ed3a7); }
    .stats-dark__cap {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.14em; text-transform: uppercase;
      color: rgba(250,251,250,0.55);
    }

    /* Snippets card */
    .snippets {
      background: var(--sand); border-radius: var(--r-md);
      padding: var(--s-7);
      margin: var(--s-9) auto;
    }
    .snippets__label {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--ink-500); font-weight: 600;
      margin-bottom: var(--s-5); display: block;
    }
    .snippets ul { display: flex; flex-direction: column; gap: var(--s-4); }
    .snippets li {
      display: grid; grid-template-columns: 20px 1fr; gap: var(--s-3);
      font-family: var(--font-sans); font-size: var(--type-body);
      line-height: 1.55; color: var(--ink-800);
    }
    .snippets li .mark {
      color: var(--accent-500); font-family: var(--font-mono); font-weight: 700;
    }
    .snippets li strong { color: var(--ink-900); font-weight: 600; }

    /* Closing cinematic */
    .closing {
      background: var(--sand); padding: var(--s-10) 0;
      text-align: center;
    }
    .closing__label {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--ink-500);
      margin-bottom: var(--s-7); display: block;
    }
    .closing__lead {
      font-family: var(--font-read); font-style:normal;
      font-size: clamp(21px, 2.4vw, 25px);
      line-height: 1.5; color: var(--ink-700);
      max-width: 40ch; margin: 0 auto var(--s-5);
    }
    .closing__body {
      font-family: var(--font-read); font-style:normal;
      font-size: 19px;
      line-height: 1.55; color: var(--ink-600);
      max-width: 42ch; margin: 0 auto var(--s-5);
    }
    .closing__lesson {
      font-family: var(--font-read); font-style:normal;
      font-size: clamp(26px, 3vw, 32px);
      line-height: 1.25; letter-spacing: -0.01em; color: var(--ink-900);
      max-width: 24ch; margin: 0 auto var(--s-6);
    }
    .closing__rule {
      display: block; width: 48px; height: 2px;
      background: var(--accent-500); margin: var(--s-6) auto;
    }
    .closing__final {
      font-family: var(--font-read); font-style:normal;
      font-size: var(--type-read);
      line-height: 1.55; color: var(--ink-700);
      max-width: 40ch; margin: 0 auto;
    }

    /* Related */
    /* FAQ-Section — Modul D Objection Handling (GEO) */
    .faq-section {
      padding: var(--s-9) 0;
      border-top: var(--hairline);
      background: var(--paper-10);
    }
    .faq-section__head {
      max-width: 860px; margin: 0 auto var(--s-7);
    }
    .faq-section__head .eyebrow {
      display: block; margin-bottom: var(--s-3);
    }
    .faq-section__head h2 {
      font-family: var(--font-sans); font-weight: 700;
      font-size: var(--type-h2);
      line-height: 1.1; letter-spacing: -0.02em;
      color: var(--ink-900); margin: 0;
    }
    .faq-section__head h2 em {
      font-family: var(--font-serif); font-style:normal;
      font-weight: 400; color: var(--accent-600);
    }
    .faq-list {
      display: flex; flex-direction: column;
      border-top: var(--hairline-soft);
    }
    .faq-list details {
      border-bottom: var(--hairline-soft);
    }
    .faq-list summary {
      display: flex; justify-content: space-between; align-items: center;
      padding: var(--s-5) 0;
      font-family: var(--font-sans); font-size: var(--type-body);
      font-weight: 600; color: var(--ink-900);
      line-height: 1.4; cursor: pointer;
      list-style: none;
      transition: color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .faq-list summary::-webkit-details-marker { display: none; }
    .faq-list summary::after {
      content: "+";
      font-family: var(--font-mono); font-weight: 400;
      font-size: var(--type-h3); color: var(--accent-500);
      margin-left: var(--s-4); flex-shrink: 0;
      transition: transform 200ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .faq-list details[open] summary::after { transform: rotate(45deg); }
    .faq-list summary:hover { color: var(--accent-600); }
    .faq-list .faq-content {
      padding: 0 0 var(--s-5);
      max-width: 70ch;
    }
    .faq-list .faq-content p {
      font-family: var(--font-sans); font-size: var(--type-body);
      line-height: 1.65; color: var(--ink-700); margin: 0;
    }
    .faq-list .faq-content strong {
      color: var(--ink-900); font-weight: 600;
    }

    .related {
      padding: var(--s-8) 0 var(--s-9); background: var(--paper-10);
    }
    .related__head { margin-bottom: var(--s-7); }
    .related__eyebrow { display: block; margin-bottom: var(--s-3); }
    .related__title {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h1);
      line-height: 1.1; color: var(--ink-900);
      font-weight: 400;
    }
    .related__grid {
      display: grid; grid-template-columns: 1fr; gap: var(--s-6);
    }
    @media (min-width: 880px) { .related__grid { grid-template-columns: repeat(2, 1fr); } }
    .related-card {
      display: block; background: var(--paper-00); border: var(--hairline-soft);
      border-radius: var(--r-md); overflow: hidden;
      transition: transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1), border-color 240ms cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .related-card:hover { transform: translateY(-3px); border-color: var(--ink-400); box-shadow: 0 10px 30px rgba(12,14,13,0.08); }
    .related-card__inner {
      padding: var(--s-7); display: flex; flex-direction: column; gap: var(--s-4);
      min-height: 180px; justify-content: space-between;
    }
    .related-card__kicker {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--accent-600); font-weight: 600;
    }
    .related-card__title {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h2); line-height: 1.15;
      color: var(--ink-900); font-weight: 400;
    }
    .related-card__arrow {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.08em; text-transform: uppercase;
      color: var(--accent-600); margin-top: var(--s-3);
      display: inline-block; transition: transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .related-card:hover .related-card__arrow { transform: translateX(4px); }

    /* CTA Block */
    .cta-block { max-width: 860px; margin: 0 auto; text-align: center; }
    .cta-block h2 {
      font-size: var(--type-hero); line-height: 1.05;
      letter-spacing: -0.02em; margin-bottom: var(--s-5);
      font-family: var(--font-serif); font-style:normal; font-weight: 400;
      color: var(--ink-900);
    }
    .cta-block h2 em { color: var(--accent-600); }
    .cta-block p { color: var(--ink-700); font-size: var(--type-body); max-width: 52ch; margin: 0 auto var(--s-6); line-height: 1.6; }
    .cta-block__actions { display: flex; gap: var(--s-3); justify-content: center; flex-wrap: wrap; }
    .cta-block__brand-footnote {
      display: flex; gap: var(--s-3); align-items: baseline;
      justify-content: center; flex-wrap: wrap;
      margin-top: var(--s-6);
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.08em; color: var(--ink-500);
      text-transform: uppercase;
    }
    .cta-block__brand-footnote .sep { color: var(--ink-300); }
    .cta-block__brand-footnote strong { color: var(--ink-800); font-weight: 600; }

    /* Time-Anchor — Stand der Veröffentlichung (GEO-Hebel) */
    .time-anchor {
      padding: var(--s-5) 0;
      background: var(--paper-10);
      border-top: var(--hairline);
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      color: var(--ink-500); letter-spacing: 0.04em;
      text-align: center;
    }
    .time-anchor .container {
      display: flex; gap: var(--s-3); align-items: baseline;
      justify-content: center; flex-wrap: wrap;
    }
    .time-anchor .sep { color: var(--ink-300); }
    .time-anchor time { font-variant-numeric: tabular-nums; }

    section.editorial { padding: var(--s-10) 0; }
    section.on-ice { background: var(--sand); }
    /* Layout-Rhythmus: monotone 128er-Folge aufbrechen, Modul A als Bridge */
    section.editorial#was-ist-fairplane { padding: var(--s-9) 0 var(--s-8); } /* 96/64 — Bridge in den Lesefluss */
    section.editorial.faq-section { padding: var(--s-9) 0; }                  /* 96/96 — Standard */
    section.editorial.on-ice { padding: var(--s-10) 0 var(--s-9); }           /* 128/96 — Schluss-Anker vor Footer */

    /* Footer */
    footer {
      background: var(--paper-10); padding: var(--s-9) 0 var(--s-7);
      border-top: var(--hairline);
    }
    .foot__top {
      display: grid; grid-template-columns: 1fr; gap: var(--s-7);
      padding: var(--s-8) 0; border-bottom: var(--hairline);
    }
    @media (min-width: 880px) {
      .foot__top { grid-template-columns: 1.6fr 1fr 1fr 1fr 1.4fr; gap: var(--s-6); }
    }
    .foot__brand .tag {
      margin-top: 0; color: var(--ink-600);
      font-size: var(--type-body-sm); max-width: 32ch; line-height: 1.55;
    }
    .foot__brand .contact {
      margin-top: var(--s-5);
      display: flex; flex-direction: column; gap: var(--s-2);
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      color: var(--ink-500); letter-spacing: 0.02em;
    }
    .foot__brand .contact a:hover { color: var(--accent-600); }
    .foot__brand .contact .sep { display: none; }
    .foot__brand .contact-sep {
      width: 24px; height: 1px; background: var(--ink-200);
      margin: var(--s-2) 0;
    }
    .foot__brand .address {
      font-family: var(--font-mono); font-size: var(--type-eyebrow); line-height: 1.55;
      color: var(--ink-500); letter-spacing: 0.02em;
    }
    .foot__col h3 {
      font-size: var(--type-eyebrow); text-transform: uppercase; letter-spacing: 0.08em;
      color: var(--ink-500); font-weight: 600; margin-bottom: var(--s-4);
    }
    .foot__col ul { display: flex; flex-direction: column; gap: var(--s-3); }
    .foot__col a { display: inline-block; padding: var(--s-1) 0; color: var(--ink-700); font-size: var(--type-body-sm); transition: color 120ms; }
    .foot__col a:hover { color: var(--ink-900); }

    /* ERLEDIGT.-Spalte (kompakt, rechts) */
    .foot__erledigt {
      padding-left: var(--s-5);
      border-left: 1px solid var(--paper-30);
    }
    @media (max-width: 879px) {
      .foot__erledigt { padding-left: 0; border-left: none; padding-top: var(--s-5); border-top: 1px solid var(--paper-30); }
    }
    .foot__erledigt-head { display: flex; align-items: center; gap: var(--s-3); margin-bottom: var(--s-3); }
    .foot__erledigt-head .dot { width: 8px; height: 8px; background: var(--accent-500); border-radius: var(--r-pill); }
    .foot__erledigt-head span { font-family: var(--font-sans); font-weight: 700; font-size: var(--type-body); color: var(--ink-900); letter-spacing: -0.015em; }
    .foot__erledigt p { color: var(--ink-600); font-size: var(--type-caption); line-height: 1.55; margin-bottom: var(--s-4); }
    .foot__erledigt-links {
      display: flex; flex-direction: column; gap: var(--s-2);
      font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.04em;
      color: var(--ink-500);
    }
    .foot__erledigt-links a { transition: color 120ms; }
    .foot__erledigt-links a.primary { color: var(--accent-600); }
    .foot__erledigt-links a:hover { color: var(--ink-900); }
    .foot__erledigt-links a.primary:hover { color: var(--accent-700); }

    .foot__meta {
      padding: var(--s-5) 0;
      display: flex; justify-content: space-between; align-items: center;
      gap: var(--s-5); flex-wrap: wrap;
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      color: var(--ink-500); letter-spacing: 0.04em;
    }
    .foot__meta-left { display: flex; align-items: center; gap: var(--s-3); flex-wrap: wrap; }
    .foot__meta-sep { color: var(--ink-300); }
    .foot__meta-brand {
      font-family: var(--font-sans);
      font-weight: 700; color: var(--ink-900);
      letter-spacing: -0.01em;
    }
    .foot__meta-brand-dot { color: var(--accent-500); }
    .foot__meta-legal { display: flex; gap: var(--s-4); flex-wrap: wrap; }
    .foot__meta-legal a { color: var(--ink-500); transition: color 120ms; }
    .foot__meta-legal a:hover { color: var(--ink-800); }

    :focus-visible { outline: 2px solid var(--accent-500); outline-offset: 2px; border-radius: 4px; }

    /* Motion System */
    .reveal { opacity:0; transform:translateY(12px); filter:blur(4px); transition:opacity 550ms cubic-bezier(0.22,0.61,0.36,1), transform 550ms cubic-bezier(0.22,0.61,0.36,1), filter 550ms cubic-bezier(0.22,0.61,0.36,1); }
    .reveal.is-in { opacity:1; transform:none; filter:blur(0px); }
    .nav { transition:box-shadow 200ms cubic-bezier(0.22,0.61,0.36,1); }
    .nav--scrolled { box-shadow:0 1px 8px rgba(12,14,13,0.06); }
    @media (prefers-reduced-motion: reduce) {
      .reveal { opacity:1; transform:none; filter:none; transition:none; }
      *, *::before, *::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
    }
  
    /* ─── GOLDSTANDARD NAV CSS (2026-05-02) ──────────────────────── */
    .nav__left { display:flex; align-items:center; gap:var(--s-5); }
    @media (max-width:879px) { .nav__left { gap:0; } }

    .nav__linkedin {
      display:none; align-items:center; justify-content:center;
      width:44px; height:44px;
      color:var(--ink-500);
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1), transform 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    @media (min-width:880px) { .nav__linkedin { display:inline-flex; } }
    .nav__linkedin:hover { color:var(--ink-900); transform:translateY(-1px); }
    .nav__linkedin svg { width:20px; height:20px; }

    .nav__linkedin--xl {
      flex-direction:row; gap:var(--s-2);
      width:auto; height:auto;
      padding:var(--s-2) var(--s-3);
      border-radius:var(--r-pill);
      background:var(--accent-050);
      border:1px solid var(--accent-100);
      color:var(--accent-600);
      transition:background 160ms cubic-bezier(0.22,0.61,0.36,1),
                 border-color 160ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 160ms cubic-bezier(0.22,0.61,0.36,1),
                 box-shadow 160ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav__linkedin--xl .nav__linkedin__kicker {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      font-size: var(--type-caption); line-height:1; letter-spacing:-0.01em;
      color:var(--accent-600); white-space:nowrap;
      transition:color 160ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav__linkedin--xl svg { width:18px; height:18px; color:var(--accent-600); transition:color 160ms cubic-bezier(0.22,0.61,0.36,1); }
    .nav__linkedin--xl:hover {
      transform:translateY(-1px);
      background:var(--accent-100, #DCE6F0);
      border-color:var(--accent-500);
      box-shadow:0 2px 8px rgba(10,78,140,0.12);
    }
    .nav__linkedin--xl:hover .nav__linkedin__kicker { color:var(--accent-700, #062D52); }
    .nav__linkedin--xl:hover svg { color:var(--accent-700, #062D52); }

    .nav__tel {
      display:none; align-items:center;
      font-family:var(--font-mono, monospace); font-size: var(--type-caption);
      color:var(--ink-700); letter-spacing:0.02em;
      margin-right:var(--s-3); padding:6px 10px;
      border-radius:var(--r-pill, 999px);
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1), background 120ms cubic-bezier(0.22,0.61,0.36,1);
      white-space:nowrap;
    }
    .nav__tel:hover { color:var(--ink-900); background:var(--paper-20); }
    @media (min-width:1100px) { .nav__tel { display:inline-flex; } }

    /* Nav-Links Goldstandard mit white-space:nowrap und +-Marker inline */
    .nav__links a, .nav__links button {
      font-family:var(--font-sans); font-size: var(--type-body-sm); font-weight:500; color:var(--ink-700);
      position:relative; white-space:nowrap;
      background:none; border:0; padding:0; cursor:pointer;
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav__links a:not(.has-mega)::after, .nav__links button:not(.has-mega)::after {
      content:""; position:absolute; left:0; right:0; bottom:-4px;
      height:2px; background:var(--accent-500);
      transform:scaleX(0); transform-origin:center;
      transition:transform 180ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav__links a:hover, .nav__links button:hover { color:var(--ink-900); }
    .nav__links a:not(.has-mega):hover::after, .nav__links button:not(.has-mega):hover::after { transform:scaleX(1); }
    .nav__links a.is-active, .nav__links button.is-active { color:var(--ink-900); }
    .nav__links a:not(.has-mega).is-active::after, .nav__links button:not(.has-mega).is-active::after { transform:scaleX(1); }
    .nav__links a.has-mega, .nav__links button.has-mega { display:inline-flex; align-items:baseline; gap:2px; }
    .nav__links a.has-mega::after, .nav__links button.has-mega::after {
      content:"+"; display:inline;
      font-family:var(--font-mono); font-weight:400;
      font-size: var(--type-body-sm); color:var(--accent-500); line-height:1;
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav__links a.has-mega:hover::after, .nav__links button.has-mega:hover::after { color:var(--ink-900); }

  
    /* ─── GOLDSTANDARD Mobile menu (2026-05-02) ──────────────────── */
    .nav__cta-desktop { display:none; }
    @media (min-width:880px) { .nav__cta-desktop { display:inline-flex; } }
    .nav__hamburger {
      display:flex; align-items:center; justify-content:center;
      width:44px; height:44px; border:none; background:none; cursor:pointer;
      color:var(--ink-700); font-size: var(--type-h3); padding:0;
    }
    @media (min-width:880px) { .nav__hamburger { display:none; } }
    .nav__panel {
      display:none; position:absolute; top:100%; left:0; right:0; z-index:65;
      background:rgba(250,251,250,0.97); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
      border-bottom:var(--hairline); padding:var(--s-6) 0;
      opacity:0; transform:translateY(-8px); filter:blur(4px);
    }
    .nav__panel.is-open {
      display:block; opacity:1; transform:none; filter:blur(0);
    }
    @media (min-width:880px) { .nav__panel { display:none !important; } }
    .nav__panel a {
      display:block; padding:var(--s-3) var(--s-5);
      font-size: var(--type-body); font-weight:500; color:var(--ink-700);
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav__panel a:hover { color:var(--ink-900); }
    .nav__panel .btn { margin:var(--s-4) var(--s-5) 0; }
    .nav__panel-group { border-bottom:var(--hairline); }
    .nav__panel-toggle { display:flex; justify-content:space-between; align-items:center; width:100%; padding:var(--s-3) var(--s-5); font-size: var(--type-body); font-weight:500; color:var(--ink-700); background:none; border:none; cursor:pointer; font-family:var(--font-sans); transition:color 120ms cubic-bezier(0.22,0.61,0.36,1); }
    .nav__panel-toggle:hover { color:var(--ink-900); }
    .nav__panel-toggle span { font-family:var(--font-mono); color:var(--accent-500); font-size: var(--type-body-sm); transition:transform 180ms cubic-bezier(0.22,0.61,0.36,1); }
    .nav__panel-group.is-expanded .nav__panel-toggle span { transform:rotate(45deg); }
    .nav__panel-sub { display:none; padding:0 var(--s-5) var(--s-4) var(--s-8); }
    .nav__panel-group.is-expanded .nav__panel-sub { display:block; }
    .nav__panel-sub a { display:block; padding:var(--s-2) 0; font-size: var(--type-body-sm); color:var(--ink-600); }
    .nav__panel-linkedin {
      display:flex; align-items:center; gap:var(--s-3);
      padding:var(--s-3) var(--s-5); margin-top:var(--s-3);
      font-size: var(--type-body-sm); font-weight:500; color:var(--ink-700);
    }
    .nav__panel-linkedin svg { width:18px; height:18px; flex-shrink:0; color:var(--ink-500); }

  
    /* ─── GOLDSTANDARD Nav-Cluster Override (2026-05-02) ─────────── */
    .nav {
      position:sticky; top:0; z-index:60;
      background:rgba(250,251,250,0.82); backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px); border-bottom:var(--hairline, 1px solid #E9EBEA);
    }
    /* DEPRECATED, replaced by FORCE-Override below: .nav__row { display:flex; align-items:center; justify-content:space-between; height:72px; } */
    .wordmark {
      font-family:var(--font-sans); font-weight:700; font-size: var(--type-h3);
      letter-spacing:-0.03em; color:var(--ink-900);
      display:inline-flex; align-items:baseline; gap:3px;
    }
    .wordmark__svg { height:24px; width:auto; display:block; }
    .nav .wordmark__svg { height:44px; }


    /* ─── Nav-Goldstandard FORCE-Override (überschreibt alte CSS) ─── */
    .nav .nav__row,
    .nav .nav__row.container {
      display:grid !important;
      grid-template-columns:1fr auto 1fr !important;
      align-items:center !important;
      height:72px !important;
      max-width:none !important;
      width:100% !important;
      padding:0 var(--s-5) !important;
      gap:var(--s-4) !important;
      justify-content:initial !important;
    }
    .nav .nav__links {
      display:none;
      gap:var(--s-5) !important;
      align-items:center !important;
      justify-self:start !important;
      margin-left:0 !important;
    }
    @media (min-width:880px) { .nav .nav__links { display:flex !important; } }
    .nav .nav__wordmark--center { justify-self:center !important; }
    .nav .nav__right {
      display:flex !important;
      align-items:center !important;
      gap:var(--s-3) !important;
      justify-self:end !important;
    }
    @media (max-width:879px) {
      .nav .nav__row,
      .nav .nav__row.container {
        display:flex !important;
        justify-content:space-between !important;
        grid-template-columns:none !important;
      }
    }

/* ════════════ Story-Komponenten (gemerged, alle Sub-Elemente) ════════════ */

/* ─── Netzbetreiber-Services ─────────────────────────────────── */
    .netzbetreiber-services { background: var(--paper-10); padding: var(--s-9) 0 var(--s-9); border-top: 1px solid var(--ink-100); }

.services-head { max-width: 639px; margin-bottom: var(--s-8); }

.services-head h2 { margin: var(--s-3) 0 var(--s-4); font-size: var(--type-h2); line-height: 1.15; font-weight: 600; letter-spacing: -0.015em; color: var(--ink-900); }

.services-head__sub { font-size: var(--type-body); line-height: 1.6; color: var(--ink-700); }

.services-grid {
      display: grid; grid-template-columns: 1fr; gap: var(--s-5);
    }

@media (min-width: 880px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); gap: var(--s-6); }
}

@media (min-width: 1100px) {
  .services-grid { grid-template-columns: repeat(3, 1fr); }
}

.service-card {
      background: var(--paper-00); border: 1px solid var(--ink-100);
      border-radius: var(--r-md); padding: var(--s-6);
      display: flex; flex-direction: column; gap: var(--s-2);
      position: relative;
    }

.service-card--featured {
      background: var(--accent-050);
      border-color: var(--accent-500);
    }

.service-card__num {
      font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--accent-600);
    }

.service-card__badge {
      position: absolute; top: var(--s-4); right: var(--s-4);
      font-family: var(--font-mono); font-size: var(--type-eyebrow); font-weight: 700;
      letter-spacing: 0.08em; text-transform: uppercase;
      background: var(--flame); color: #fff;
      padding: 2px 8px; border-radius: 3px;
    }

.service-card__title {
      font-size: var(--type-lead); line-height: 1.2; font-weight: 600;
      letter-spacing: -0.01em; color: var(--ink-900); margin: 0;
    }

.service-card__law {
      font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.04em;
      color: var(--ink-500); display: block; margin-bottom: var(--s-2);
    }

.service-card p { font-size: var(--type-body-sm); line-height: 1.55; color: var(--ink-700); margin: 0; }

.service-card p strong { color: var(--ink-900); font-weight: 600; }

.service-card__source {
      margin-top: var(--s-3) !important; font-size: var(--type-eyebrow) !important;
      font-family: var(--font-mono);
    }

.service-card__source a { color: var(--accent-600); text-decoration: none; transition: color 200ms ease; }

.service-card__source a:hover { color: var(--ink-900); }

/* ─── B2B-CTA Netzbetreiber ──────────────────────────────────── */
    .netzbetreiber-cta { background: var(--paper-10); padding: var(--s-7) 0 var(--s-10); }

.netzbetreiber-cta__card {
      background: var(--ink-900); color: var(--paper-10);
      padding: var(--s-9) var(--s-8); border-radius: var(--r-lg);
      text-align: center;
    }

.netzbetreiber-cta__card .eyebrow--paper {
      color: rgba(250,251,250,0.65);
    }

.netzbetreiber-cta__card h2 {
      font-family: var(--font-serif); font-style:normal; font-weight: 400;
      font-size: var(--type-h1); line-height: 1; color: var(--paper-10);
      margin: var(--s-4) 0 var(--s-5);
    }

.netzbetreiber-cta__lead {
      font-size: var(--type-body); line-height: 1.6; color: rgba(250,251,250,0.85);
      max-width: 60ch; margin: 0 auto var(--s-7);
    }

.netzbetreiber-cta__actions {
      display: flex; gap: var(--s-3); flex-wrap: wrap;
      justify-content: center; margin-bottom: var(--s-5);
    }

.netzbetreiber-cta__note {
      font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.04em;
      color: rgba(250,251,250,0.55); margin: 0;
    }

.cta {
      padding: var(--s-9) 0; text-align: center;
    }

.cta__headline {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-hero);
      line-height: 1.05; color: var(--ink-900);
      margin-bottom: var(--s-7); max-width: 28ch; margin-left: auto; margin-right: auto;
    }

.cta__headline em { color: var(--accent-600); }

.cta__text {
      font-family: var(--font-sans); font-size: var(--type-body);
      line-height: 1.6; color: var(--ink-700);
      margin-bottom: var(--s-8); max-width: 60ch; margin-left: auto; margin-right: auto;
    }

.cta__actions {
      display: flex; gap: var(--s-4); justify-content: center; flex-wrap: wrap;
    }

.toc-sticky__related {
      list-style: none; padding: 0; margin: 0;
      display: flex; flex-direction: column; gap: var(--s-3);
    }

.toc-sticky__related a {
      font-family: var(--font-sans); font-size: var(--type-eyebrow);
      line-height: 1.45; color: var(--ink-700);
      border-bottom: 1px solid var(--paper-30); padding-bottom: 2px;
      transition: color 120ms cubic-bezier(0.22,0.61,0.36,1),
                  border-color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }

.toc-sticky__related a:hover { color: var(--accent-600); border-color: var(--accent-500); }

/* AI-Answer-Modul (GEO Modul A) — Fact-Pairs für AI-Extraktion */
    .ai-answer {
      background: var(--paper-00);
      border: 1px solid var(--paper-30);
      border-radius: var(--r-md);
      padding: var(--s-6) var(--s-6);
      margin: var(--s-5) 0 var(--s-7);
    }

.ai-answer__label {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--ink-500); font-weight: 600;
      display: block; margin-bottom: var(--s-3);
    }

.ai-answer__heading {
      font-family: var(--font-serif); font-style:normal;
      font-size: var(--type-h3); line-height: 1.3; color: var(--ink-900);
      margin: 0 0 var(--s-3); letter-spacing: -0.01em;
    }

.ai-answer__lead {
      font-family: var(--font-sans); font-size: var(--type-body-sm);
      line-height: 1.6; color: var(--ink-800);
      max-width: 62ch; margin: 0 0 var(--s-5);
    }

.ai-answer__lead strong { font-weight: 700; color: var(--ink-900); }

.ai-answer__facts {
      display: grid; grid-template-columns: 1fr;
      gap: var(--s-3); margin: 0; padding: 0;
      border-top: 1px solid var(--paper-30); padding-top: var(--s-5);
    }

@media (min-width: 640px) {
  .ai-answer__facts { grid-template-columns: 140px 1fr; row-gap: var(--s-3); column-gap: var(--s-5); }
}

.ai-answer__fact {
      display: contents;
    }

.ai-answer__fact dt {
      font-family: var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing: 0.08em; text-transform: uppercase;
      color: var(--ink-500); font-weight: 600;
      padding-top: 2px;
    }

.ai-answer__fact dd {
      font-family: var(--font-sans); font-size: var(--type-body-sm);
      line-height: 1.55; color: var(--ink-800);
      margin: 0 0 var(--s-2);
    }

@media (min-width: 640px) {
  .ai-answer__fact dd { margin: 0; }
}

.ai-answer__fact dd strong { font-weight: 700; color: var(--ink-900); }

.snippets li .snippets__body {
      min-width: 0; word-wrap: normal; overflow-wrap: break-word;
    }