:root {
      --accent-500:oklch(42.1% 0.120 252); --accent-600:oklch(36.1% 0.101 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-300:oklch(82.9% 0.005 252); --ink-100:oklch(93.8% 0.003 252);
      --paper-10:oklch(98.7% 0.002 252); --paper-20:oklch(96.8% 0.003 252); --paper-30:oklch(94.3% 0.004 252);
      --font-mono:"JetBrains Mono",monospace;
      --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
      --hairline:1px solid var(--ink-100);
      --r-md:12px; --r-pill:999px;
    }
    *,*::before,*::after { box-sizing:border-box; }
    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; }
    p { margin:0; }
    a { color:inherit; text-decoration:none; }
    h1,h2,h3 { margin:0; font-weight:600; letter-spacing:-0.015em; color:var(--ink-900); }
    em { font-family:var(--font-sans); font-style:normal; font-weight:300; color:var(--accent-600); }
    .container { max-width:1200px; margin:0 auto; padding:0 var(--s-5); }
    @media (min-width:880px) { .container { padding:0 var(--s-8); } }

    .nav { position:sticky; top:0; z-index:60; background:rgba(250,251,250,0.92); backdrop-filter:blur(20px); border-bottom:var(--hairline); height:72px; }
    /* DEPRECATED, replaced by FORCE-Override below: .nav__row { display:flex; align-items:center; justify-content:space-between; height:100%; gap:var(--s-5); } */
    .wordmark { font-weight:700; font-size: var(--type-h3); letter-spacing:-0.03em; color:var(--ink-900); }
    .wordmark .dot { color:var(--accent-500); }
    .nav__links { display:none; gap:var(--s-7); }
    @media (min-width:880px) { .nav__links { display:flex; } }
    .nav__links a { font-size: var(--type-body-sm); font-weight:500; color:var(--ink-700); }
    .btn--primary { display:inline-flex; align-items:center; height:40px; padding:0 var(--s-4); border-radius:var(--r-pill); background:var(--accent-500); color:#fff; font-size: var(--type-body-sm); font-weight:500; }

    .hero { padding:var(--s-9) 0 var(--s-7); }
    .stub-badge { display:inline-flex; align-items:center; gap:var(--s-2); padding:var(--s-2) var(--s-4); background:var(--paper-20); border:1px dashed var(--ink-300); border-radius:var(--r-pill); font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em; color:var(--ink-500); margin-bottom:var(--s-5); }
    .stub-badge .dot { width:6px; height:6px; border-radius:50%; background:var(--accent-500); }
    .eyebrow-row { display:flex; gap:var(--s-3); flex-wrap:wrap; margin-bottom:var(--s-5); font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-500); }
    .eyebrow-row .moss { color:var(--accent-600); font-weight:600; }
    .eyebrow-row .sep { color:var(--ink-300); }
    h1 { font-size: var(--type-h1); line-height:1.05; letter-spacing:-0.025em; margin-bottom:var(--s-5); }
    .lede { font-size: var(--type-body); line-height:1.55; color:var(--ink-700); max-width:62ch; }

    .purpose { margin-top:var(--s-8); padding:var(--s-7); background:var(--accent-050); border:1px solid var(--accent-100); border-radius:var(--r-md); max-width:780px; }
    .purpose__label { display:block; font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.08em; text-transform:uppercase; color:var(--accent-600); font-weight:600; margin-bottom:var(--s-3); }
    .purpose h2 { font-size: var(--type-h3); line-height:1.2; margin-bottom:var(--s-4); }
    .purpose p { color:var(--ink-700); margin-bottom:var(--s-4); }
    .purpose ul { display:flex; flex-direction:column; gap:var(--s-3); margin:0; padding:0; list-style:none; }
    .purpose li { display:grid; grid-template-columns:auto 1fr; gap:var(--s-3); font-size: var(--type-body-sm); line-height:1.55; color:var(--ink-700); }
    .purpose .mark { color:var(--accent-500); font-family:var(--font-mono); font-weight:600; font-size: var(--type-caption); }

    footer { margin-top:var(--s-9); padding:var(--s-7) 0; background:var(--paper-10); border-top:var(--hairline); }
    .foot__row { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--s-5); font-family:var(--font-mono); font-size: var(--type-eyebrow); color:var(--ink-500); letter-spacing:0.04em; }
    .foot__row a { color:var(--ink-500); }
  
    /* ─── 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:36px; height:36px;
      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:40px; height:40px; 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 Wordmark + Mega-Bars (2026-05-02) ─────────── */
    .wordmark__svg { height:24px; width:auto; display:block; }
    .nav .wordmark__svg { height:44px; }
    .wordmark .dot {
      width:7px; height:7px; border-radius:var(--r-pill, 999px);
      background:var(--accent-500); display:inline-block; transform:translateY(-1px);
    }
    .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, 1px solid #E9EBEA);
      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, 96px); padding:var(--s-8, 64px) 0 var(--s-9, 96px); }
    @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, #8F9391); letter-spacing:0.08em; text-transform:uppercase; margin-bottom:var(--s-5, 24px); }
    .mega__list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--s-4, 16px); }
    .mega__list--primary { gap:var(--s-3, 12px); }
    .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:300; 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, #8F9391); letter-spacing:0.04em; margin-top:var(--s-6, 32px); }
    .mega--erfolge .mega__grid { grid-template-columns:1.1fr 0.9fr 1.3fr; gap:var(--s-8, 64px); }
    .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-sans); font-style:normal; font-weight:300; color:var(--accent-600); margin-right:4px; }
    .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, 24px); }
    @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, 6px); background:var(--ink-100); margin-bottom:var(--s-3, 12px); }
    .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, 24px); 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); }

  
    /* ─── ERLEDIGT system bar ────────────────────────────────────── */
    .erledigt-bar { background:var(--paper-20, #F3F5F3); border-bottom:var(--hairline, 1px solid #E9EBEA); padding:var(--s-3, 12px) 0; }
    .erledigt-bar__row { display:flex; align-items:center; justify-content:center; gap:var(--s-5, 24px); flex-wrap:wrap; font-family:var(--font-mono); font-size: var(--type-eyebrow); color:var(--ink-500); }
    .erledigt-bar .dot { width:6px; height:6px; background:var(--accent-500); border-radius:var(--r-pill, 999px); 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 .sep { color:var(--ink-300, #C4C8C6); }

  
    /* ─── 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; }

  
    /* ─── Accessibility: prefers-reduced-motion ─────────────────── */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }
      .reveal { opacity:1; transform:none; filter:none; transition:none; }
    }


    /* ─── 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;
      }
    }