/* ─── Tokens (design-guide §2–4) ──────────────────────────────── */
    :root {
      --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-050:oklch(96.5% 0.002 252);
      --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-30:oklch(98.3% 0.006 85);
      --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);
      /* Mint — Em-Akzent + Mint-CTA auf on-ink-Sections */
      --mint-500:#7ed3a7; --mint-600:#6dc296; --mint-700:#5cb185;

      /* RGBA-Konsolidierung */
      --scrim-04: rgba(12,14,13,0.04);
      --scrim-06: rgba(12,14,13,0.06);
      --scrim-08: rgba(12,14,13,0.08);
      --on-ink-tertiary: rgba(250,251,250,0.55);
      --on-ink-secondary: rgba(250,251,250,0.72);
      --on-ink-strong: rgba(250,251,250,0.88);
      --on-ink-primary: rgba(250,251,250,0.92);

      --font-mono:'JetBrains Mono','SF Mono',Menlo,monospace;

      --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-pill:999px;
    }

    *,*::before,*::after { box-sizing:border-box; }
    html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
    html, body { height:auto !important; min-height:0 !important; }
    body {
      margin:0; background:var(--paper-00, #fff); 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;
      overflow-x:hidden;
      display:flex; flex-direction:column;
    }
    body > main { flex:0 0 auto; }
    body > footer { flex:0 0 auto; }
    footer { margin-bottom:0; }
    p { margin:0; }
    p[lang="de"], .body-copy { hyphens:auto; }
    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); }
    .mono { font-family:var(--font-mono); font-variant-numeric:tabular-nums; }
    img { max-width:100%; display:block; }

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

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

    /* ─── Eyebrow ─────────────────────────────────────────────────── */
    .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); }
    .eyebrow--paper { color:var(--on-ink-tertiary); }

    /* ─── Wordmark ────────────────────────────────────────────────── */
    .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 (sticky) ────────────────────────────────────────────── */
    .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);
      transition:box-shadow 200ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav--scrolled { box-shadow:0 1px 8px var(--scrim-06); }
    /* 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);
      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); }
    /* "+" marker: Menüpunkt hat eine Megabar — Plus direkt inline an den Text */
    .nav__links a.has-mega, .nav__links button.has-mega { display:inline-flex; align-items:baseline; gap:2px; }
    /* "+" marker: Menüpunkt hat eine Megabar */
    .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); }

    /* ─── 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;
    }
    .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;
    }
    .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 (Freshfields-style) ───────────────── */
    .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-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);
    }
    @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, border-color 120ms;
    }
    .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--inverse { background:var(--paper-10); color:var(--ink-900); }
    .btn--inverse:hover { background:var(--paper-00); }
    .btn--ghost-dark { background:transparent; color:var(--paper-10); border-color:rgba(250,251,250,0.3); }
    .btn--ghost-dark:hover { background:rgba(250,251,250,0.08); border-color:var(--on-ink-tertiary); }
    .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); }

    /* Nav-Left-Cluster (Logo + LinkedIn-XL) */
    .nav__left { display:flex; align-items:center; gap:var(--s-5); }
    @media (max-width:879px) { .nav__left { gap:0; } }

    /* Prominenter LinkedIn-Hook mit Kicker (Goldstandard) */
    .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);
      border-color:var(--accent-500);
      box-shadow:0 2px 8px rgba(12,14,13,0.10);
    }
    .nav__linkedin--xl:hover .nav__linkedin__kicker { color:var(--accent-700); }
    .nav__linkedin--xl:hover svg { color:var(--accent-700); }
    /* Nav Telefonnummer (schlicht, kein Pulse) */
    .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);
      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; } }
    @media (min-width:1100px) { }
    @media (prefers-reduced-motion:reduce) { }
    .btn .arrow { font-family:var(--font-mono); font-weight:500; }

    /* ─── ERLEDIGT. system bar ────────────────────────────────────── */
    .erledigt-bar {
      background:var(--paper-20); border-bottom:var(--hairline);
      padding:var(--s-3) 0;
      position:sticky; top:73px; z-index:70;
    }
    .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);
    }
    .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 .sep { color:var(--ink-300); }

    /* ─── Hub-Header — Slim Sticky Editorial Bar ──────────────────── */
    .hub-header--slim {
      position:sticky; top:115px; z-index:60;
      background:var(--paper-10);
      border-top:1px solid var(--scrim-06);
      border-bottom:1px solid var(--scrim-06);
    }
    .hub-header__row {
      display:flex; align-items:center;
      gap:var(--s-5);
      padding:var(--s-3) var(--s-5);
      max-width:1344px; margin:0 auto;
    }
    .hub-header__crumbs {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.08em; text-transform:uppercase;
      color:var(--ink-500); flex-shrink:0;
    }
    .hub-header__crumbs a { color:var(--ink-500); transition:color 120ms cubic-bezier(0.22,0.61,0.36,1); }
    .hub-header__crumbs a:hover { color:var(--accent-600); }
    .hub-header__crumbs .sep { color:var(--ink-300); margin:0 var(--s-2); }
    .hub-header__divider {
      width:1px; align-self:stretch;
      background:var(--scrim-08);
      margin:0 var(--s-3);
    }
    .hub-header__title {
      font-size: var(--type-h3); font-weight:700;
      letter-spacing:-0.02em; line-height:1;
      color:var(--ink-900); margin:0;
      flex:1; text-wrap:nowrap;
    }
    .hub-header__title em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--accent-600);
    }
    .hub-header__meta {
      display:flex; align-items:center;
      gap:var(--s-6);
      margin:0; padding:0; flex-shrink:0;
    }
    .hub-header__meta > div { display:flex; flex-direction:column; gap:2px; }
    .hub-header__meta dt {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      text-transform:uppercase; letter-spacing:0.1em;
      color:var(--ink-500); margin:0;
    }
    .hub-header__meta dd {
      margin:0; font-size: var(--type-body-sm); font-weight:500;
      color:var(--ink-900); white-space:nowrap;
    }
    .hub-header__meta dd em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--accent-600);
    }
    @media (max-width:879px) {
      .hub-header--slim { position:static; }
      .hub-header__row { flex-wrap:wrap; gap:var(--s-3); padding:var(--s-3) var(--s-5); }
      .hub-header__title { font-size: var(--type-body); flex:1 1 100%; order:-1; }
      .hub-header__divider { display:none; }
      .hub-header__meta { gap:var(--s-4); flex-wrap:wrap; }
    }

    /* ════════════════════════════════════════════════════════════════
       FEED-LAYOUT — Sidebar links + Cards Mitte + Newsletter rechts
       (Pattern 1:1 aus Wissens-Hub portiert)
       ════════════════════════════════════════════════════════════════ */
    .feed-layout {
      max-width:1344px; margin:0 auto;
      padding:var(--s-7) var(--s-5) var(--s-10);
      display:grid;
      grid-template-columns:240px 1fr 320px;
      grid-template-areas:"filter feed subscribe";
      gap:var(--s-7); align-items:start;
    }
    .filter-sidebar { grid-area:filter; }
    .feed { grid-area:feed; }
    .subscribe-aside { grid-area:subscribe; }
    @media (max-width:1279px) {
      .feed-layout {
        grid-template-columns:240px 1fr;
        grid-template-areas: "filter feed" "filter subscribe";
        gap:var(--s-7);
      }
      .subscribe-aside { position:static !important; max-width:639px; }
    }
    @media (max-width:879px) {
      .feed-layout {
        grid-template-columns:1fr;
        grid-template-areas:"feed" "subscribe";
        padding:var(--s-5) var(--s-5) var(--s-9);
        gap:var(--s-6);
      }
    }

    /* Sticky Filter-Sidebar */
    .filter-sidebar {
      position:sticky; top:185px;
      max-height:calc(100vh - 185px - var(--s-3));
      overflow-y:auto;
      display:flex; flex-direction:column; gap:var(--s-7);
      padding-right:var(--s-3);
      scrollbar-width:thin;
      scrollbar-color:var(--ink-300) transparent;
    }
    .filter-sidebar::-webkit-scrollbar { width:4px; }
    .filter-sidebar::-webkit-scrollbar-track { background:transparent; }
    .filter-sidebar::-webkit-scrollbar-thumb { background:var(--ink-300); border-radius:2px; }
    @media (max-width:879px) { .filter-sidebar { display:none; } }

    .filter-search {
      display:flex; flex-direction:column; gap:var(--s-2);
      padding-bottom:var(--s-3);
      border-bottom:1px solid var(--ink-100);
    }
    .filter-search__label {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); font-weight:500;
      letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-500);
    }
    .filter-search__input {
      width:100%; box-sizing:border-box;
      height:36px; padding:0 12px;
      font-family:var(--font-sans); font-size: var(--type-body-sm); color:var(--ink-900);
      background:var(--paper-00);
      border:1px solid var(--ink-100); border-radius:6px;
      transition:border-color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .filter-search__input:focus { outline:none; border-color:var(--accent-500); }
    .filter-search__input::placeholder { color:var(--ink-400); }

    .filter-block { display:flex; flex-direction:column; gap:var(--s-3); }
    .filter-block__label {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); font-weight:500;
      letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-500);
      margin:0 0 var(--s-2);
      padding-bottom:var(--s-3);
      border-bottom:1px solid var(--ink-100);
    }
    .filter-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
    .filter-list > li { display:block; margin:0; padding:0; }
    .filter-item {
      width:100%;
      display:flex; align-items:center; justify-content:space-between;
      gap:var(--s-3);
      min-height:44px;
      padding:10px 16px;
      border-radius:8px;
      background:transparent; border:none; cursor:pointer;
      font-family:var(--font-sans); font-size: var(--type-body-sm); font-weight:500;
      color:var(--ink-800);
      text-align:left;
      transition:background 120ms ease, color 120ms ease;
      -webkit-tap-highlight-color:transparent;
    }
    .filter-item:active { transform:scale(0.98); }
    .filter-item:hover { background:var(--paper-30); color:var(--ink-900); }
    .filter-item.is-active { background:var(--ink-900); color:var(--paper-00); }
    .filter-item > * { pointer-events:none; }
    .filter-item .ct {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); font-weight:500;
      color:var(--ink-500); flex-shrink:0;
      pointer-events:none;
      transition:opacity 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .filter-item.is-active .ct { color:var(--on-ink-tertiary); }
    .filter-item:hover .ct { color:var(--ink-700); }
    .filter-item.is-active:hover { background:var(--ink-900); color:var(--paper-00); }

    /* Feed (Mitte) */
    .feed {
      max-width:639px; margin:0; padding:0;
      display:flex; flex-direction:column; gap:var(--s-6);
    }
    @media (max-width:879px) { .feed { max-width:100%; } }

    .feed-controls {
      display:flex; justify-content:space-between; align-items:center;
      padding:0 0 var(--s-3);
      gap:var(--s-3); flex-wrap:wrap;
    }
    .feed-controls__count {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.06em; color:var(--ink-500); text-transform:uppercase;
    }
    .feed-controls__sort { display:flex; align-items:center; gap:var(--s-2); }
    .feed-controls__sort label {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em;
      color:var(--ink-500); text-transform:uppercase;
    }
    .feed-controls__sort select {
      height:32px; padding:0 28px 0 12px;
      font-family:var(--font-sans); font-size: var(--type-caption); font-weight:500;
      color:var(--ink-900); background:var(--paper-00);
      border:1px solid var(--ink-100); border-radius:6px; cursor:pointer;
      appearance:none;
      background-image:url("data:image/svg+xml;utf8,<svg aria-hidden="true" xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235e5e5e' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");
      background-repeat:no-repeat; background-position:right 8px center;
      transition:border-color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .feed-controls__sort select:hover { border-color:var(--ink-300); }
    .feed-controls__sort select:focus { outline:none; border-color:var(--accent-500); }

    .date-anchor {
      display:flex; align-items:center; gap:var(--s-4);
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      text-transform:uppercase; letter-spacing:0.08em;
      color:var(--ink-500);
      margin:var(--s-4) 0 0;
    }
    .date-anchor::before, .date-anchor::after {
      content:""; flex:1; height:1px; background:var(--ink-100);
    }

    .feed-empty {
      display:none;
      padding:var(--s-8) var(--s-5); text-align:center;
      border:1px dashed var(--ink-300); border-radius:12px;
      color:var(--ink-500);
    }
    .feed-empty__title {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      font-size: var(--type-h3); color:var(--ink-700); margin:0 0 var(--s-2);
    }
    .feed-empty__hint { font-size: var(--type-body-sm); color:var(--ink-500); margin:0; }
    .feed.is-empty .feed-empty { display:block; }

    .feed-loadmore {
      display:none;
      width:100%; padding:var(--s-4) var(--s-5);
      margin-top:var(--s-4);
      border:1px solid var(--ink-100); border-radius:12px;
      background:var(--paper-00);
      font-family:var(--font-sans); font-size: var(--type-body-sm); font-weight:500;
      color:var(--ink-900); cursor:pointer;
      transition:background 160ms cubic-bezier(0.22,0.61,0.36,1),
                 border-color 160ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .feed-loadmore:hover { background:var(--paper-30); border-color:var(--ink-300); }
    .feed-loadmore.is-active { display:block; }
    .feed-loadmore__count {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      color:var(--ink-500); margin-left:6px;
    }

    /* ════════════════════════════════════════════════════════════════
       MINI-CARD — Wissens-Hub-Pattern für Erfolge-Stories
       ════════════════════════════════════════════════════════════════ */
    .mini-card {
      position:relative;
      background:var(--paper-00);
      border-radius:var(--r-md, 12px);
      box-shadow:0 1px 2px var(--scrim-04), 0 4px 12px var(--scrim-04);
      overflow:hidden;
      transition:opacity 280ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 280ms cubic-bezier(0.22,0.61,0.36,1),
                 filter 280ms cubic-bezier(0.22,0.61,0.36,1),
                 box-shadow 240ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .mini-card:hover {
      box-shadow:0 2px 4px var(--scrim-06), 0 8px 24px var(--scrim-08);
      transform:translateY(-1px);
    }
    .mini-card.is-hidden, .mini-card.is-out { display:none; }

    /* Author-Leiste */
    .mini-card__author {
      padding:var(--s-5) var(--s-6) 0;
      display:grid;
      grid-template-columns:48px 1fr;
      gap:var(--s-3);
      align-items:start;
    }
    .avatar {
      width:48px; height:48px; border-radius:50%;
      background:var(--accent-500); color:var(--paper-00);
      display:flex; align-items:center; justify-content:center;
      font-weight:700; font-size: var(--type-body-sm);
      position:relative;
    }
    .avatar::after {
      content:""; position:absolute; right:-2px; bottom:-2px;
      width:16px; height:16px;
      background:var(--ink-900); border-radius:50%;
      border:2px solid var(--paper-00);
    }
    .author-meta { display:flex; flex-direction:column; gap:2px; }
    .author-meta strong { font-size: var(--type-body-sm); font-weight:600; color:var(--ink-900); }
    .author-meta .role { font-size: var(--type-caption); color:var(--ink-500); }
    .author-meta time {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      color:var(--ink-500); margin-top:var(--s-2);
    }

    .format-tag, .topic-tag {
      position:absolute;
      height:24px; padding:0 10px;
      border-radius:var(--r-pill, 999px);
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.08em; text-transform:uppercase;
      display:inline-flex; align-items:center; gap:var(--s-2);
    }
    .format-tag {
      top:var(--s-5); right:var(--s-6);
      background:var(--ink-900); color:var(--paper-10);
    }
    .topic-tag {
      top:calc(var(--s-5) + 30px); right:var(--s-6);
      background:var(--accent-050, #EDF2F8); color:var(--accent-600);
    }
    .topic-tag::before {
      content:""; width:6px; height:6px; border-radius:50%;
      background:currentColor;
    }

    /* Hook */
    .mini-card__hook {
      padding:var(--s-5) var(--s-6) 0;
      font-family:var(--font-sans); font-weight:700;
      font-size: var(--type-h2); line-height:1.15; letter-spacing:-0.02em;
      color:var(--ink-900); margin:0;
      text-wrap:balance;
    }
    .mini-card__hook em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--accent-600);
    }

    /* Lead */
    .mini-card__lead {
      padding:var(--s-4) var(--s-6) 0;
      font-size: var(--type-body); line-height:1.6;
      color:var(--ink-700); margin:0;
    }
    .mini-card__lead strong { color:var(--ink-900); font-weight:600; }

    /* Fact-List (Outcome-Bullets) */
    .mini-card__facts {
      margin:var(--s-5) var(--s-6) 0;
      padding:var(--s-4) var(--s-5);
      background:var(--paper-10); border-radius:var(--r-sm, 6px);
      list-style:none;
      display:flex; flex-direction:column; gap:var(--s-3);
    }
    .mini-card__facts li {
      display:flex; align-items:baseline; gap:var(--s-3);
      font-size: var(--type-body-sm); color:var(--ink-800);
    }
    .mini-card__facts li::before {
      content:""; width:5px; height:5px;
      background:var(--accent-500); border-radius:50%;
      flex-shrink:0; margin-top:0.6em;
    }

    /* CTA */
    .mini-card__cta-wrap {
      padding:var(--s-5) var(--s-6) 0;
      display:flex; gap:var(--s-3); flex-wrap:wrap;
    }
    .mini-card__cta {
      flex:1; min-width:0;
      display:inline-flex; align-items:center; justify-content:space-between;
      padding:0 var(--s-5); height:48px;
      border-radius:var(--r-pill, 999px);
      font-size: var(--type-body-sm); font-weight:600;
      transition:all 160ms ease;
    }
    .mini-card__cta--primary { background:var(--accent-500); color:var(--paper-00); }
    .mini-card__cta--primary:hover { background:var(--accent-600); }
    .mini-card__cta--ghost {
      background:transparent; color:var(--accent-600);
      border:1px solid var(--ink-100);
    }
    .mini-card__cta--ghost:hover { background:var(--accent-050, #EDF2F8); border-color:var(--accent-500); }
    .mini-card__cta em { font-size: var(--type-body); font-style:normal; }

    /* Tags-Leiste */
    .mini-card__tags { padding:var(--s-5) var(--s-6) 0; }
    .tag-row {
      display:flex; align-items:baseline; gap:var(--s-3);
      padding:var(--s-3) 0;
      font-size: var(--type-eyebrow); color:var(--ink-500);
    }
    .tag-row .icon { color:var(--ink-300); flex-shrink:0; }
    .tag-row a { color:var(--ink-700); transition:color 120ms ease; }
    .tag-row a:hover { color:var(--accent-600); }

    /* Engagement-Leiste */
    .mini-card__engagement {
      margin-top:var(--s-5);
      padding:var(--s-3) var(--s-4);
      border-top:1px solid var(--paper-30);
      display:flex; align-items:center;
    }
    .engagement-btn {
      flex:1; min-height:44px; padding:0 14px;
      display:inline-flex; align-items:center; justify-content:center; gap:var(--s-2);
      background:transparent; border:none; cursor:pointer;
      font-family:var(--font-sans); font-size: var(--type-caption); font-weight:500;
      color:var(--ink-700);
      transition:background 160ms cubic-bezier(0.22,0.61,0.36,1),
                 color 160ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .engagement-btn:active { transform:scale(0.97); }
    .engagement-btn:hover { background:var(--paper-20); color:var(--ink-900); }
    .engagement-btn--primary { color:var(--accent-600); }
    .engagement-btn--primary:hover { background:var(--accent-050, #EDF2F8); }
    .engagement-divider { width:1px; height:20px; background:var(--paper-30); }
    @media (max-width:639px) {
      .engagement-btn span:not(.icon) { display:none; }
    }

    /* Feature-Card (dunkel) */
    .mini-card--feature { background:var(--ink-900); color:var(--paper-10); }
    .mini-card--feature .author-meta strong,
    .mini-card--feature .mini-card__hook { color:var(--paper-10); }
    .mini-card--feature .mini-card__hook em { color:var(--mint, var(--mint-500)); }
    .mini-card--feature .author-meta .role,
    .mini-card--feature .author-meta time,
    .mini-card--feature .mini-card__lead { color:rgba(250,251,250,0.85); }
    .mini-card--feature .mini-card__lead strong { color:var(--paper-10); }
    .mini-card--feature .format-tag {
      background:rgba(250,251,250,0.12); color:var(--paper-10);
    }
    .mini-card--feature .topic-tag {
      background:rgba(126,211,167,0.15); color:var(--mint, var(--mint-500));
    }
    .mini-card--feature .avatar::after { background:var(--mint, var(--mint-500)); }
    .mini-card--feature .mini-card__facts {
      background:rgba(255,255,255,0.04);
    }
    .mini-card--feature .mini-card__facts li { color:rgba(250,251,250,0.85); }
    .mini-card--feature .mini-card__facts li::before { background:var(--mint, var(--mint-500)); }
    .mini-card--feature .mini-card__cta--primary {
      background:var(--mint, var(--mint-500)); color:var(--ink-900);
    }
    .mini-card--feature .mini-card__cta--primary:hover { background:#6dc296; }
    .mini-card--feature .mini-card__cta--ghost {
      background:transparent; color:var(--mint, var(--mint-500));
      border-color:rgba(255,255,255,0.15);
    }
    .mini-card--feature .mini-card__cta--ghost:hover {
      background:rgba(126,211,167,0.08); border-color:var(--mint, var(--mint-500));
    }
    .mini-card--feature .tag-row { color:rgba(250,251,250,0.5); }
    .mini-card--feature .tag-row a { color:rgba(250,251,250,0.7); }
    .mini-card--feature .tag-row a:hover { color:var(--mint, var(--mint-500)); }
    .mini-card--feature .mini-card__engagement {
      border-top-color:rgba(255,255,255,0.08);
    }
    .mini-card--feature .engagement-btn { color:rgba(250,251,250,0.7); }
    .mini-card--feature .engagement-btn:hover { background:rgba(255,255,255,0.04); color:var(--paper-10); }
    .mini-card--feature .engagement-btn--primary { color:var(--mint, var(--mint-500)); }
    .mini-card--feature .engagement-btn--primary:hover { background:rgba(126,211,167,0.08); }
    .mini-card--feature .engagement-divider { background:rgba(255,255,255,0.08); }

    /* ════════════════════════════════════════════════════════════════
       SUBSCRIBE — Sticky-Aside rechts
       ════════════════════════════════════════════════════════════════ */
    .subscribe-aside {
      position:sticky; top:185px;
      align-self:start;
      max-height:calc(100vh - 185px - var(--s-3));
      overflow-y:auto;
      scrollbar-width:thin;
      scrollbar-color:var(--ink-300) transparent;
    }
    .subscribe-aside::-webkit-scrollbar { width:4px; }
    .subscribe-aside::-webkit-scrollbar-track { background:transparent; }
    .subscribe-aside::-webkit-scrollbar-thumb { background:var(--ink-300); border-radius:2px; }
    @media (max-width:1279px) {
      .subscribe-aside { position:static; max-height:none; overflow-y:visible; }
    }

    .subscribe {
      width:100%;
      padding:var(--s-7) var(--s-6);
      background:var(--sand, #FBF6EC);
      border-radius:var(--r-md, 12px);
    }
    @media (max-width:1279px) { .subscribe { max-width:639px; } }
    .subscribe h3 {
      font-size: var(--type-h3); font-weight:600; line-height:1.2;
      letter-spacing:-0.02em; color:var(--ink-900);
      margin:0 0 var(--s-3); text-wrap:balance;
    }
    @media (max-width:1279px) { .subscribe h3 { font-size: var(--type-h3); } }
    .subscribe h3 em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--accent-600);
    }
    .subscribe p {
      font-size: var(--type-body-sm); line-height:1.55; color:var(--ink-700);
      max-width:46ch; margin:0 0 var(--s-5);
    }
    .subscribe__form { display:flex; flex-direction:column; gap:var(--s-3); transition:opacity 200ms cubic-bezier(0.22,0.61,0.36,1); }
    .subscribe__input {
      width:100%; box-sizing:border-box;
      height:48px; padding:0 var(--s-4);
      border:1px solid var(--ink-100); border-radius:var(--r-sm, 6px);
      background:var(--paper-00); font-size: var(--type-body-sm); color:var(--ink-800);
      transition:border-color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .subscribe__input:focus { border-color:var(--accent-500); outline:none; }
    .subscribe__btn {
      width:100%; box-sizing:border-box;
      height:48px; padding:0 var(--s-5);
      background:var(--ink-900); color:var(--paper-10);
      border:none; border-radius:var(--r-sm, 6px);
      font-size: var(--type-body-sm); font-weight:600; cursor:pointer;
      transition:background 160ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .subscribe__btn:hover { background:var(--accent-600); transform:translateY(-1px); }
    .subscribe__btn:active { transform:scale(0.98); }
    .subscribe.is-submitted .subscribe__form { display:none; }
    .subscribe__success {
      display:none;
      padding:var(--s-5); border-radius:var(--r-sm, 6px);
      background:var(--accent-050, #EDF2F8);
      color:var(--accent-700, #073A6B);
      font-size: var(--type-body-sm); line-height:1.5;
    }
    .subscribe.is-submitted .subscribe__success { display:block; }
    .subscribe__success svg { vertical-align:-2px; margin-right:6px; }

    /* ════════════════════════════════════════════════════════════════
       ERFOLG-CARD — Editorial-Magazine-Style (Lead-Card vertikal)
       Vertikales Stack: Foto oben (Landscape), Content darunter mit
       voller Card-Breite. So bleibt der Body in der schmaleren Feed-Spalte
       (~640px im 3-Col-Layout) lesbar, ohne Cuts in der H2.
       ════════════════════════════════════════════════════════════════ */
    .erfolg-card {
      position:relative;
      background:var(--accent-500, #0A4E8C);
      color:#fff;
      border:none;
      border-radius:var(--r-md, 12px);
      overflow:hidden;
      display:grid;
      grid-template-columns:1fr;
      gap:0;
      transition:box-shadow 240ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 200ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .erfolg-card:hover {
      box-shadow:0 2px 4px rgba(12,14,13,0.12), 0 16px 40px rgba(10,78,140,0.18);
      transform:translateY(-1px);
    }
    .erfolg-card.is-hidden, .erfolg-card.is-out { display:none; }

    /* Foto — voll-breit oben (Magazin-Lead) */
    .erfolg-card__visual {
      position:relative;
      aspect-ratio:16/9;
      overflow:hidden;
      background:var(--accent-700, #062D52);
    }
    .erfolg-card__visual img {
      width:100%; height:100%;
      object-fit:cover;
      transition:transform 600ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .erfolg-card:hover .erfolg-card__visual img { transform:scale(1.03); }

    /* Foto-Overlay-Tags (auf dem Bild) */
    .erfolg-card__visual-tags {
      position:absolute; top:var(--s-4); left:var(--s-4);
      display:flex; flex-direction:column; gap:var(--s-2);
      z-index:2;
    }
    .erfolg-card__tag {
      height:24px; padding:0 10px;
      border-radius:var(--r-pill, 999px);
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.08em; text-transform:uppercase;
      display:inline-flex; align-items:center; gap:6px;
      background:rgba(255,255,255,0.18);
      color:#fff;
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
      border:1px solid rgba(255,255,255,0.18);
      width:fit-content;
    }
    .erfolg-card__tag--mint { background:rgba(126,211,167,0.92); color:var(--ink-900); border-color:transparent; }
    .erfolg-card__tag--mint::before {
      content:""; width:6px; height:6px; border-radius:50%;
      background:currentColor;
    }

    /* Content-Spalte */
    .erfolg-card__body {
      padding:var(--s-7) var(--s-7) var(--s-6);
      display:flex; flex-direction:column;
    }
    .erfolg-card__meta {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      color:rgba(255,255,255,0.7);
      letter-spacing:0.08em; text-transform:uppercase;
      margin-bottom:var(--s-5);
      display:flex; align-items:center; gap:var(--s-3);
      flex-wrap:wrap;
    }
    .erfolg-card__meta .sep { color:rgba(255,255,255,0.3); }
    .erfolg-card__meta time { font-family:inherit; }

    .erfolg-card__hook {
      font-family:var(--font-sans); font-weight:700;
      font-size: var(--type-h2); line-height:1.1; letter-spacing:-0.02em;
      color:#fff; margin:0 0 var(--s-4);
      text-wrap:balance;
    }
    .erfolg-card__hook em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:#fff;
      letter-spacing:-0.01em;
    }

    .erfolg-card__deck {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      font-size: var(--type-body); line-height:1.45;
      color:rgba(255,255,255,0.92);
      margin:0 0 var(--s-5);
      max-width:46ch;
    }
    .erfolg-card__lead {
      font-size: var(--type-body-sm); line-height:1.6;
      color:rgba(255,255,255,0.85);
      margin:0 0 var(--s-6);
      max-width:50ch;
    }
    .erfolg-card__lead strong { color:#fff; font-weight:600; }

    /* Stats-Grid (3 Spalten) */
    .erfolg-card__stats {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:var(--s-4);
      padding:var(--s-5) 0;
      border-top:1px solid rgba(255,255,255,0.18);
      border-bottom:1px solid rgba(255,255,255,0.18);
      margin-bottom:var(--s-5);
    }
    .erfolg-card__stat { display:flex; flex-direction:column; gap:4px; }
    .erfolg-card__stat dt {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.1em; text-transform:uppercase;
      color:rgba(255,255,255,0.6); margin:0;
    }
    .erfolg-card__stat dd {
      margin:0;
      font-size: var(--type-body); font-weight:600; line-height:1.2;
      color:#fff;
      letter-spacing:-0.01em;
    }
    .erfolg-card__stat dd em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:#fff;
    }

    /* Footer-Bar mit CTA + Author */
    .erfolg-card__footer {
      display:flex; align-items:center; justify-content:space-between;
      gap:var(--s-4);
      margin-top:auto;
      padding-top:var(--s-3);
    }
    .erfolg-card__cta {
      display:inline-flex; align-items:center; gap:var(--s-3);
      padding:var(--s-3) var(--s-5);
      border-radius:var(--r-pill, 999px);
      background:#fff; color:var(--accent-600);
      font-size: var(--type-body-sm); font-weight:600;
      transition:background 160ms cubic-bezier(0.22,0.61,0.36,1),
                 color 160ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .erfolg-card__cta:hover { background:var(--mint, var(--mint-500)); color:var(--ink-900); transform:translateX(2px); }
    .erfolg-card__cta-arrow {
      display:inline-flex; transition:transform 160ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .erfolg-card__cta:hover .erfolg-card__cta-arrow { transform:translateX(3px); }

    .erfolg-card__author {
      display:flex; align-items:center; gap:var(--s-3);
    }
    .erfolg-card__author-avatar {
      width:44px; height:44px; border-radius:50%;
      background:rgba(255,255,255,0.16); color:#fff;
      display:flex; align-items:center; justify-content:center;
      font-weight:700; font-size: var(--type-eyebrow);
      flex-shrink:0;
      border:1px solid rgba(255,255,255,0.22);
    }
    .erfolg-card__author-meta {
      display:flex; flex-direction:column; gap:1px;
      font-size: var(--type-eyebrow); line-height:1.3;
    }
    .erfolg-card__author-meta strong { color:#fff; font-weight:600; }
    .erfolg-card__author-meta span {
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      color:rgba(255,255,255,0.65);
    }

    /* Engagement-Mini-Bar — auf dunklerem Blau (moss-600) abgesetzt */
    .erfolg-card__engagement {
      grid-column:1 / -1;
      display:flex; align-items:center;
      border-top:1px solid rgba(255,255,255,0.12);
      background:var(--accent-600, #083E70);
    }
    .erfolg-card__engagement .engagement-btn {
      flex:1; height:42px;
      font-size: var(--type-eyebrow);
      color:rgba(255,255,255,0.75);
    }
    .erfolg-card__engagement .engagement-btn:hover { background:rgba(255,255,255,0.06); color:#fff; }
    .erfolg-card__engagement .engagement-btn--primary { color:var(--mint, var(--mint-500)); }
    .erfolg-card__engagement .engagement-btn--primary:hover { background:rgba(126,211,167,0.10); }
    .erfolg-card__engagement .engagement-divider { background:rgba(255,255,255,0.12); }

    /* Mobile */
    @media (max-width:879px) {
      .erfolg-card { grid-template-columns:1fr; }
      .erfolg-card__visual { aspect-ratio:16/10; }
      .erfolg-card__body { padding:var(--s-6) var(--s-5); }
      .erfolg-card__hook { font-size: var(--type-h3); }
      .erfolg-card__deck { font-size: var(--type-body); }
      .erfolg-card__stats { gap:var(--s-3); padding:var(--s-4) 0; }
      .erfolg-card__stat dd { font-size: var(--type-body-sm); }
      .erfolg-card__footer { flex-direction:column; align-items:flex-start; }
    }

    /* Toast */
    .feed-toast {
      position:fixed; bottom:32px; left:50%;
      transform:translateX(-50%) translateY(8px);
      background:var(--ink-900); color:var(--paper-10);
      padding:var(--s-3) var(--s-5);
      border-radius:var(--r-pill, 999px);
      font-size: var(--type-caption);
      display:flex; align-items:center; gap:var(--s-2);
      box-shadow:0 8px 24px rgba(12,14,13,0.18);
      z-index:200;
      opacity:0; pointer-events:none;
      transition:opacity 240ms ease, transform 240ms ease;
    }
    .feed-toast.is-visible { opacity:1; transform:translateX(-50%) translateY(0); }
    .feed-toast .check-icon { color:var(--mint, var(--mint-500)); width:16px; height:16px; }

    /* ─── Hero text block ─────────────────────────────────────────── */
    .hero {
      padding:var(--s-10) 0 var(--s-9);
      border-bottom:var(--hairline);
      text-align:center;
    }
    .hero > .container > *:not(.hero__outcomes) { margin-left:auto; margin-right:auto; }
    .hero__eyebrow-row {
      display:flex; align-items:center; gap:var(--s-3) var(--s-4); flex-wrap:wrap;
      justify-content:center;
      margin-bottom:var(--s-7);
    }
    .hero__eyebrow-row .sep { color:var(--ink-300); }
    .hero__eyebrow-row .eyebrow--num {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.12em;
      text-transform:uppercase; color:var(--ink-700);
    }
    .hero__eyebrow-row .eyebrow--num em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--ink-900); font-size: var(--type-caption); letter-spacing:0;
      margin-right:2px;
    }
    .hero__headline {
      font-size: var(--type-hero); line-height:1.06;
      letter-spacing:-0.025em; font-weight:700; color:var(--ink-900);
      max-width:18ch;
    }
    .hero__headline em { color:var(--accent-600); }
    .hero__sub {
      margin-top:var(--s-6); font-size: var(--type-body); line-height:1.6;
      color:var(--ink-700); max-width:62ch;
    }
    .hero__actions { display:flex; gap:var(--s-3); flex-wrap:wrap; justify-content:center; margin-top:var(--s-7); }

    /* Hero: Outcome-Axis (Durchsetzen / Abwehren / Vermeiden) inline */
    .hero__outcomes {
      display:grid; grid-template-columns:1fr; gap:var(--s-4);
      margin-top:var(--s-8);
      text-align:left;
    }
    @media (min-width:880px) {
      .hero__outcomes { grid-template-columns:repeat(3, 1fr); gap:var(--s-5); }
    }

    /* Trust strip */
    .trust-strip {
      display:flex; flex-wrap:wrap; gap:var(--s-9) var(--s-7); align-items:baseline;
      justify-content:center;
      margin-top:var(--s-8); padding-top:var(--s-6);
      border-top:var(--hairline);
    }
    .trust-strip__item { text-align:center; }
    .trust-strip__item .num {
      display:block;
      font-family:var(--font-sans); font-weight:600;
      letter-spacing:-0.015em;
      font-variant-numeric:tabular-nums;
      font-size: var(--type-h3); line-height:1;
      color:var(--ink-900);
      margin-bottom:6px;
    }
    .trust-strip__item .num--accent { color:var(--accent-600); }
    .trust-strip__item .cap {
      display:block;
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.06em;
      color:var(--ink-500);
      text-transform:uppercase;
      line-height:1.35;
    }

    /* ─── Section shell ───────────────────────────────────────────── */
    section.editorial { padding:var(--s-10) 0; border-bottom:var(--hairline); }
    section.on-ice { background:var(--paper-00, #fff); border-bottom:var(--hairline); }
    section.on-ink  { background:var(--ink-900); color:var(--paper-10); border-bottom:none; }
    section.on-ink h2, section.on-ink h3 { color:var(--paper-10); }
    section.on-ink .eyebrow { color:var(--on-ink-tertiary); }

    .section-head {
      display:flex; justify-content:space-between; align-items:end;
      gap:var(--s-6); flex-wrap:wrap; margin-bottom:var(--s-8);
    }
    .section-head__main { max-width:820px; }
    .section-head__main h2 {
      font-size: var(--type-h1); line-height:1.15;
      letter-spacing:-0.02em; margin-top:var(--s-4);
    }
    .section-head__main h2 em { color:var(--accent-600); }
    section.on-ink .section-head__main h2 em { color:var(--mint-500); }
    .section-head__main p { margin-top:var(--s-4); color:var(--ink-700); font-size: var(--type-body); max-width:58ch; line-height:1.6; }
    .section-head__aside { max-width:360px; color:var(--ink-700); font-size: var(--type-body-sm); }
    .section-head__aside p { color:inherit; }
    section.on-ink .section-head__main p { color:var(--on-ink-secondary); }
    section.on-ink .section-head__aside { color:var(--on-ink-secondary); }

    /* ─── Case grid ───────────────────────────────────────────────── */
    .case-grid { display:flex; flex-direction:column; gap:var(--s-4); }
    .case-row {
      background:var(--paper-00); border:var(--hairline-soft);
      border-radius:var(--r-md); padding:var(--s-7) var(--s-8);
      display:grid; grid-template-columns:1fr; gap:var(--s-6);
      transition:border-color 120ms cubic-bezier(0.22,0.61,0.36,1), transform 240ms cubic-bezier(0.22,0.61,0.36,1);
    }
    @media (min-width:880px) {
      .case-row { grid-template-columns:1fr auto; align-items:center; gap:var(--s-8); }
    }
    .case-row:hover { border-color:var(--ink-400); transform:translateY(-2px); }

    .case-head {
      display:flex; align-items:center; gap:var(--s-3);
    }
    .case-kicker {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em;
      text-transform:uppercase; color:var(--accent-600);
    }

    .case-body h3 {
      font-size: var(--type-h3); line-height:1.2;
      margin-bottom:var(--s-3); max-width:28ch;
    }
    .case-body h3 em { color:var(--accent-600); }
    .case-desc { font-size: var(--type-body-sm); line-height:1.55; color:var(--ink-700); max-width:52ch; }
    .case-meta {
      margin-top:var(--s-3);
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      color:var(--ink-500); text-transform:uppercase;
    }
    .case-link {
      display:inline-flex; align-items:center; gap:var(--s-2);
      font-size: var(--type-caption); font-weight:500; letter-spacing:0.04em; text-transform:uppercase;
      color:var(--ink-800); border-bottom:1px solid var(--ink-300); padding-bottom:4px;
      white-space:nowrap;
    }
    .case-link:hover { color:var(--accent-600); border-color:var(--accent-600); }

    /* ─── Hybrid cards ────────────────────────────────────────────── */
    .hybrid {
      display:grid; grid-template-columns:1fr; gap:var(--s-5);
    }
    @media (min-width:880px) { .hybrid { grid-template-columns:1fr 1fr; gap:var(--s-6); } }
    .hybrid__card {
      background:var(--paper-00); border:var(--hairline-soft);
      border-radius:var(--r-md); padding:var(--s-8);
      display:flex; flex-direction:column; gap:var(--s-5);
    }
    .hybrid__card--accent { background:var(--accent-500); color:#fff; border:none; }
    .hybrid__card--accent h3, .hybrid__card--accent p, .hybrid__card--accent li { color:#fff; }
    .hybrid__card--accent .eyebrow { color:rgba(255,255,255,0.8); }
    .hybrid__card h3 {
      font-size: var(--type-h2); line-height:1.2; max-width:24ch; margin-top:var(--s-2);
      font-weight:600;
    }
    .hybrid__card h3 em { color:var(--accent-600); }
    .hybrid__card--accent h3 em { color:#e4f5ed; }
    .hybrid__card p {
      font-size: var(--type-body-sm); color:var(--ink-700); line-height:1.6;
    }
    .hybrid__card--accent p { color:rgba(255,255,255,0.9); }
    .hybrid__list { display:flex; flex-direction:column; gap:var(--s-3); margin-top:var(--s-2); }
    .hybrid__list li {
      display:grid; grid-template-columns:20px 1fr; gap:var(--s-3); align-items:baseline;
      font-size: var(--type-body-sm); line-height:1.55; color:var(--ink-700);
    }
    .hybrid__card--accent .hybrid__list li { color:rgba(255,255,255,0.92); }
    .hybrid__list .mark {
      font-family:var(--font-mono); font-size: var(--type-caption); color:var(--accent-500); line-height:1.4;
    }
    .hybrid__card--accent .hybrid__list .mark { color:#e4f5ed; }

    /* ─── Quote ───────────────────────────────────────────────────── */
    .quote { max-width:860px; margin:0 auto; text-align:center; }
    .quote blockquote {
      margin:0; font-family:var(--font-sans); font-style:normal;
      font-size: var(--type-h2); line-height:1.25; color:var(--ink-900); font-weight:400;
      max-width:30ch; margin:var(--s-6) auto var(--s-7);
    }
    .quote .attrib {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      color:var(--ink-500);
    }

    /* ─── CTA ─────────────────────────────────────────────────────── */
    .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.025em; margin-bottom:var(--s-6);
    }
    .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-5); line-height:1.6; }
    .cta-block__actions { display:flex; gap:var(--s-3); justify-content:center; flex-wrap:wrap; }

    /* ─── Footer (Goldstandard, 1:1 Homepage) ─────────────────────── */
    footer {
      background:var(--paper-10); padding:0 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:var(--s-4); 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 {
      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 { color:var(--ink-700); font-size: var(--type-body-sm); transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);  padding:10px 0; display:block; line-height:1.4; }
    .foot__col a:hover { color:var(--ink-900); }
    .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 cubic-bezier(0.22,0.61,0.36,1); }
    .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); }

    /* ─── Featured case (hero image) ──────────────────────────────── */
    .featured-case {
      display:grid; grid-template-columns:1fr; gap:0; border-radius:var(--r-lg);
      overflow:hidden; background:var(--ink-900); margin-bottom:var(--s-8);
    }
    @media (min-width:880px) {
      .featured-case { grid-template-columns:1.3fr 1fr; }
    }
    .featured-case__body {
      padding:var(--s-8); color:var(--paper-10);
      display:flex; flex-direction:column; justify-content:space-between;
    }
    @media (min-width:880px) {
      .featured-case__body { padding:var(--s-9); }
    }
    .featured-case__kicker {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em;
      text-transform:uppercase; color:var(--on-ink-tertiary); margin-bottom:var(--s-4);
    }
    .featured-case__amount {
      font-family:var(--font-sans); font-style:normal; font-size: var(--type-hero);
      line-height:1.1; color:var(--accent-500); font-weight:400; margin-bottom:var(--s-3);
    }
    .featured-case__title {
      font-size: var(--type-h2); line-height:1.2; color:var(--paper-10);
      margin-bottom:var(--s-5); max-width:32ch;
    }
    .featured-case__text {
      font-size: var(--type-body); color:rgba(250,251,250,0.8); line-height:1.6;
      max-width:52ch; margin-bottom:var(--s-7);
    }
    .featured-case__link {
      display:inline-flex; align-items:center; gap:var(--s-2);
      font-size: var(--type-caption); font-weight:500; letter-spacing:0.04em; text-transform:uppercase;
      color:var(--mint-500); border-bottom:1px solid rgba(126,211,167,0.4); padding-bottom:4px;
    }
    .featured-case__link:hover { color:#e4f5ed; border-color:var(--mint-500); }
    .featured-case__img {
      display:none; width:100%; height:100%; object-fit:cover; object-position:center;
    }
    @media (min-width:880px) {
      .featured-case__img { display:block; }
    }

    /* ─── Mobile nav toggle ───────────────────────────────────────── */
    @media (max-width:879px) {
      .nav__toggle { display:block; background:none; border:0; cursor:pointer; padding:0; }
      .nav__panel { position:fixed; inset:0; top:72px; background:var(--paper-10); z-index:50; opacity:0; visibility:hidden; }
      .nav__panel.is-open { opacity:1; visibility:visible; }
    }

    /* ─── Outcome Axis (Durchsetzen / Abwehren / Vermeiden) ─────────── */
    .outcome-axis {
      display:grid; grid-template-columns:1fr; gap:var(--s-4);
      margin-top:var(--s-7);
    }
    @media (min-width:880px) { .outcome-axis { grid-template-columns:repeat(3, 1fr); gap:var(--s-5); } }
    .outcome-card {
      background:var(--paper-00); border:var(--hairline-soft);
      border-radius:var(--r-md); padding:var(--s-7);
      display:flex; flex-direction:column; gap:var(--s-3);
    }
    .outcome-card__label {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.08em;
      text-transform:uppercase; color:var(--accent-600);
    }
    .outcome-card__title {
      font-family:var(--font-sans); font-style:normal; font-size: var(--type-h2);
      line-height:1.15; color:var(--ink-900); font-weight:400;
    }
    .outcome-card__text { font-size: var(--type-body-sm); color:var(--ink-700); line-height:1.55; }

    /* ─── Audience selector ─────────────────────────────────────────── */
    .audience-grid {
      display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--s-3);
      margin-top:var(--s-6);
    }
    @media (min-width:880px) { .audience-grid { grid-template-columns:repeat(4, 1fr); gap:var(--s-4); } }
    @media (min-width:1100px) { .audience-grid { grid-template-columns:repeat(4, 1fr); } }
    .audience-tile {
      background:var(--paper-00); border:1px solid var(--ink-100);
      border-radius:var(--r-md); padding:var(--s-6) var(--s-5);
      display:flex; flex-direction:column; gap:var(--s-3);
      cursor:pointer; text-align:left;
      transition:border-color 160ms cubic-bezier(0.22,0.61,0.36,1),
                 background 160ms cubic-bezier(0.22,0.61,0.36,1),
                 color 160ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 200ms cubic-bezier(0.22,0.61,0.36,1),
                 box-shadow 200ms cubic-bezier(0.22,0.61,0.36,1);
      font-family:inherit; color:inherit;
    }
    .audience-tile:hover {
      border-color:var(--accent-500); transform:translateY(-2px);
      box-shadow:0 8px 22px rgba(22,28,40,0.07);
    }
    .audience-tile:active {
      transform:scale(0.97);
      transition-duration:80ms;
    }
    .audience-tile.is-active {
      background:var(--accent-500); border-color:var(--accent-500); color:#fff;
    }
    .audience-tile.is-active .audience-tile__count,
    .audience-tile.is-active .audience-tile__sub { color:rgba(255,255,255,0.85); }
    .audience-tile__count, .audience-tile__sub {
      transition:color 160ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .audience-tile__icon {
      display:flex; align-items:center; justify-content:center;
      width:40px; height:40px; border-radius:var(--r-pill);
      background:var(--accent-050); color:var(--accent-600);
      font-size: var(--type-h3); line-height:1;
      transition:background 160ms cubic-bezier(0.22,0.61,0.36,1),
                 color 160ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .audience-tile.is-active .audience-tile__icon {
      background:rgba(255,255,255,0.15); color:#fff;
    }
    .audience-tile__title {
      font-size: var(--type-body); font-weight:600; line-height:1.25;
      letter-spacing:-0.01em; color:inherit;
    }
    .audience-tile__sub {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); color:var(--ink-500);
      letter-spacing:0.04em;
    }
    .audience-tile__count {
      margin-top:auto;
      font-family:var(--font-mono); font-size: var(--type-eyebrow); color:var(--ink-500);
      letter-spacing:0.04em; text-transform:uppercase;
    }
    .audience-toggle-all {
      display:flex; justify-content:center; margin-top:var(--s-5);
    }
    .audience-toggle-all button {
      background:none; border:0; cursor:pointer;
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em;
      text-transform:uppercase; color:var(--ink-600);
      padding:var(--s-2) var(--s-4); border-bottom:1px solid var(--ink-200);
      transition:color 120ms, border-color 120ms;
    }
    .audience-toggle-all button:hover { color:var(--accent-600); border-color:var(--accent-600); }

    /* ─── Audience Section ──────────────────────────────────────────── */
    .aud-section { display:block; scroll-margin-top:96px; }
    .aud-section.is-hidden { display:none; }
    .aud-section__head {
      display:grid; grid-template-columns:1fr; gap:var(--s-5);
      margin-bottom:var(--s-7);
    }
    @media (min-width:880px) {
      .aud-section__head { grid-template-columns:1.4fr 1fr; gap:var(--s-8); align-items:end; }
    }
    .aud-section__eyebrow-row {
      display:flex; gap:var(--s-3); align-items:center; flex-wrap:wrap;
      margin-bottom:var(--s-3);
    }
    .aud-section__icon {
      display:inline-flex; align-items:center; justify-content:center;
      width:44px; height:44px; border-radius:var(--r-pill);
      background:var(--accent-050); color:var(--accent-600); font-size: var(--type-lead);
    }
    .aud-section__title {
      font-size: var(--type-h1); line-height:1.15;
      letter-spacing:-0.02em; color:var(--ink-900);
    }
    .aud-section__title em { color:var(--accent-600); font-family:var(--font-sans); font-style:normal; font-weight:300; }
    .aud-section__expertise {
      font-size: var(--type-body); color:var(--ink-700); line-height:1.6; max-width:52ch;
    }
    .outcome-tags { display:flex; gap:var(--s-2); flex-wrap:wrap; margin-top:var(--s-3); }
    .outcome-tag {
      display:inline-flex; align-items:center; gap:6px;
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      color:var(--accent-600); padding:4px 10px;
      background:var(--accent-050); border-radius:var(--r-pill);
    }

    /* ─── Case Card (audience case grid) ────────────────────────────── */
    .case-cards {
      display:grid; grid-template-columns:1fr; gap:var(--s-4);
    }
    @media (min-width:640px) { .case-cards { grid-template-columns:1fr 1fr; gap:var(--s-5); } }
    @media (min-width:1100px) { .case-cards { grid-template-columns:repeat(3, 1fr); } }
    .case-card {
      display:flex; flex-direction:column;
      background:var(--paper-00); border:var(--hairline-soft);
      border-radius:var(--r-md); overflow:hidden;
      transition:border-color 200ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 200ms cubic-bezier(0.22,0.61,0.36,1),
                 box-shadow 200ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .case-card:hover {
      border-color:var(--ink-400); transform:translateY(-3px);
      box-shadow:0 10px 28px rgba(22,28,40,0.08);
    }
    .case-card__visual {
      position:relative; aspect-ratio:16/10; overflow:hidden;
      background:var(--ink-100);
    }
    .case-card__visual img {
      width:100%; height:100%; object-fit:cover; object-position:center;
      transition:transform 600ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .case-card:hover .case-card__visual img { transform:scale(1.04); }
    .case-card__outcome-pill {
      position:absolute; top:var(--s-3); left:var(--s-3);
      display:inline-flex; align-items:center; gap:6px;
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.06em;
      text-transform:uppercase; padding:6px 10px;
      background:var(--on-ink-primary); color:var(--accent-600);
      border-radius:var(--r-pill); backdrop-filter:blur(6px);
    }
    .case-card__body { padding:var(--s-6) var(--s-6) var(--s-7); display:flex; flex-direction:column; gap:var(--s-3); flex:1; }
    .case-card__metric {
      font-family:var(--font-sans); font-style:normal; font-size: var(--type-h1);
      line-height:1.05; color:var(--accent-600); font-weight:400;
      transition:color 240ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .case-card:hover .case-card__metric { color:var(--accent-500); }
    .case-card__metric-label {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      color:var(--ink-500); text-transform:uppercase;
    }
    .case-card__title {
      font-size: var(--type-lead); line-height:1.3; color:var(--ink-900);
      letter-spacing:-0.01em; font-weight:600; margin-top:var(--s-1);
    }
    .case-card__title em { color:var(--accent-600); font-family:var(--font-sans); font-style:normal; font-weight:300; }
    .case-card__sub {
      font-size: var(--type-body-sm); color:var(--ink-600); line-height:1.5;
    }
    .case-card__footer {
      margin-top:auto; padding-top:var(--s-4);
      display:flex; justify-content:space-between; align-items:center;
      gap:var(--s-3);
    }
    .case-card__link {
      display:inline-flex; align-items:center; gap:6px;
      font-size: var(--type-eyebrow); font-weight:500; letter-spacing:0.04em;
      text-transform:uppercase; color:var(--ink-800);
      border-bottom:1px solid var(--ink-300); padding-bottom:3px;
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1),
                 border-color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .case-card__link:hover { color:var(--accent-600); border-color:var(--accent-600); }
    .case-card__link .arrow {
      display:inline-block;
      transition:transform 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .case-card:hover .case-card__link .arrow,
    .case-card__link:hover .arrow { transform:translateX(2px); }
    .case-card__audience-chips {
      display:flex; gap:4px; flex-wrap:wrap;
    }
    .case-card__audience-chips span {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      color:var(--ink-500); padding:2px 6px; background:var(--ink-050);
      border-radius:var(--r-pill);
    }

    /* ─── Aud-section CTA ───────────────────────────────────────────── */
    .aud-section__cta {
      margin-top:var(--s-7); padding-top:var(--s-6);
      border-top:var(--hairline-soft);
      display:flex; gap:var(--s-4); align-items:center;
      justify-content:space-between; flex-wrap:wrap;
    }
    .aud-section__cta-text {
      font-family:var(--font-sans); font-style:normal; font-size: var(--type-h3);
      line-height:1.3; color:var(--ink-800); max-width:42ch;
    }
    .aud-section__cta-text strong { font-family:var(--font-sans); font-style:normal; font-weight:600; color:var(--ink-900); }

    /* ─── Transition between sections ───────────────────────────────── */
    .aud-divider {
      height:1px; background:linear-gradient(to right, transparent, var(--ink-200), transparent);
      margin:var(--s-8) 0;
    }

    /* ─── Not-a-fit CTA ─────────────────────────────────────────────── */
    .not-a-fit {
      background:var(--sand); border-radius:var(--r-lg);
      padding:var(--s-9) var(--s-7); text-align:center;
      max-width:920px; margin:0 auto;
    }
    .not-a-fit h2 {
      font-size: var(--type-h2); line-height:1.2;
      letter-spacing:-0.02em; margin-bottom:var(--s-4);
    }
    .not-a-fit h2 em { color:var(--accent-600); font-family:var(--font-sans); font-style:normal; font-weight:300; }
    .not-a-fit p { color:var(--ink-700); font-size: var(--type-body); max-width:52ch; margin:0 auto var(--s-6); line-height:1.6; }

    /* ─── Scroll Reveal (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:translateY(0);
      filter:blur(0);
    }
    .reveal.has-drift {
      will-change:transform;
    }
    .reveal.is-in.has-drift {
      transition:opacity 550ms cubic-bezier(0.22,0.61,0.36,1),
                  filter 550ms cubic-bezier(0.22,0.61,0.36,1);
    }

    /* ─── Hero Entrance ───────────────────────────────────────────── */
    @keyframes hero-enter {
      from { opacity:0; transform:translateY(16px); filter:blur(4px); }
      to   { opacity:1; transform:translateY(0);     filter:blur(0); }
    }
    .hero-anim     { animation:hero-enter 600ms cubic-bezier(0.22,0.61,0.36,1) both; }
    .hero-anim-d1  { animation:hero-enter 600ms cubic-bezier(0.22,0.61,0.36,1) 80ms  both; }
    .hero-anim-d2  { animation:hero-enter 600ms cubic-bezier(0.22,0.61,0.36,1) 160ms both; }
    .hero-anim-d3  { animation:hero-enter 600ms cubic-bezier(0.22,0.61,0.36,1) 240ms both; }
    .hero-anim-d4  { animation:hero-enter 600ms cubic-bezier(0.22,0.61,0.36,1) 320ms both; }

    /* ─── Audience Filter Enter/Exit ──────────────────────────────── */
    .aud-section {
      transition:opacity 450ms cubic-bezier(0.22,0.61,0.36,1),
                  transform 450ms cubic-bezier(0.22,0.61,0.36,1),
                  filter 450ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .aud-section.is-leaving {
      opacity:0;
      transform:translateY(-6px);
      filter:blur(3px);
      pointer-events:none;
      transition-duration:300ms;
    }
    .aud-section.is-entering {
      opacity:0;
      transform:translateY(8px);
      filter:blur(4px);
    }
    .aud-section.is-entered {
      opacity:1;
      transform:translateY(0);
      filter:blur(0);
    }

    /* ─── Prefers Reduced Motion ───────────────────────────────────── */
    @media (prefers-reduced-motion:reduce) {
      .reveal,
      .nav,
      .mega,
      .btn,
      .hero-anim, .hero-anim-d1, .hero-anim-d2, .hero-anim-d3, .hero-anim-d4,
      .aud-section,
      a { transition:none !important; animation:none !important; }
      .reveal { opacity:1; transform:none; filter:none; }
      .aud-section.is-leaving, .aud-section.is-entering { opacity:1; transform:none; filter:none; }
    }

    /* ─── Mobile menu (hamburger + overlay) ────────────────────────── */
    .nav__hamburger { display:none; }
    @media (max-width:879px) {
      .nav__hamburger {
        display:inline-flex; align-items:center; justify-content:center;
        width:48px; height:48px; padding:0; border:none; background:none;
        cursor:pointer; z-index:70; color:var(--ink-800);
      }
      .nav__cta-desktop { display:none; }
    }
    @media (min-width:880px) {
      .nav__cta-desktop { display:inline-flex; }
    }
    #nav-panel { display:none; }
    @media (max-width:879px) {
      #nav-panel {
        display:flex; flex-direction:column; gap:var(--s-5);
        position:fixed; inset:0; top:72px; background:var(--paper-10);
        z-index:65; padding:var(--s-7); border-top:var(--hairline);
        overflow-y:auto;
      }
      #nav-panel.is-open { display:flex; }
      #nav-panel a {
        font-family:var(--font-sans); font-style:normal; font-size: var(--type-body);
        color:var(--ink-800);
      }
      #nav-panel a:hover { color:var(--accent-600); }
      #nav-panel .nav__cta-mobile {
        margin-top:var(--s-6); padding-top:var(--s-6); border-top:var(--hairline);
      }
    }

    /* ─── Partner-Plattform-Logo-Leiste ──────────────────────────── */
    .partner-strip { text-align:center; }
    .partner-strip__head { max-width:639px; margin:0 auto var(--s-8); }
    .partner-strip__head h2 {
      font-size: var(--type-h2); line-height:1.15;
      margin-bottom:var(--s-4);
    }
    .partner-strip__head h2 em { color:var(--accent-600); font-style:normal; }
    .partner-strip__head p {
      font-family:var(--font-sans); font-style:normal;
      font-size: var(--type-body); line-height:1.55; color:var(--ink-700);
    }
    .partner-logos {
      display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--s-5);
      align-items:center; justify-items:center;
      padding:var(--s-7) 0; border-top:var(--hairline); border-bottom:var(--hairline);
    }
    @media (min-width:640px) { .partner-logos { grid-template-columns:repeat(3, 1fr); } }
    @media (min-width:1100px) { .partner-logos { grid-template-columns:repeat(6, 1fr); } }
    .partner-logo {
      display:flex; align-items:center; justify-content:center;
      width:100%; min-height:56px;
      font-family:var(--font-mono); font-size: var(--type-caption); letter-spacing:0.02em;
      color:var(--ink-500); opacity:0.6;
      transition:opacity 200ms cubic-bezier(0.22, 0.61, 0.36, 1),
                 filter 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
      filter:grayscale(100%);
    }
    .partner-logo img { max-width:100%; max-height:42px; width:auto; height:auto; object-fit:contain; }
    .partner-logo:hover { opacity:1; filter:grayscale(0%); }
    .partner-strip__foot {
      margin-top:var(--s-6); font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-500);
    }

    /* ─── PORTFOLIO (horizontal pinned scroll) ─────────────────────── */
    .portfolio {
      background:var(--paper-20); color:var(--ink-900);
      position:relative;
      border-top:var(--hairline);
      /* WICHTIG: kein overflow:hidden — sonst bricht position:sticky beim Track */
    }
    .portfolio__trust {
      display:flex; flex-wrap:wrap; align-items:baseline;
      justify-content:center;
      gap:var(--s-3) var(--s-4);
      padding-bottom:var(--s-5);
      border-bottom:var(--hairline);
      margin-bottom:var(--s-6);
    }
    .portfolio__trust .eyebrow { color:var(--ink-500); }
    .portfolio__trust .eyebrow--accent { color:var(--accent-600); }
    .portfolio__trust .eyebrow--num em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      font-size:1.4em; color:var(--ink-900); margin-right:4px;
      letter-spacing:-0.01em; text-transform:none;
    }
    .portfolio__trust .sep { color:var(--ink-300); }
    .portfolio__title {
      font-size: var(--type-h1);
      line-height:1.05; letter-spacing:-0.025em; margin-top:0;
      font-weight:600; color:var(--ink-900);
    }
    .portfolio__title em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--accent-600);
    }
    .portfolio__lead {
      max-width:620px; margin:var(--s-6) auto 0;
      font-size: var(--type-body); line-height:1.6; color:var(--ink-700);
    }

    /* Filter pills */
    .portfolio__filters {
      display:flex; flex-wrap:wrap; gap:var(--s-2);
      margin-top:var(--s-7);
      padding-bottom:var(--s-6); border-bottom:var(--hairline);
    }
    .pf-pill {
      display:inline-flex; align-items:center; gap:var(--s-2);
      padding:10px 18px; border-radius:var(--r-pill);
      background:var(--paper-00); color:var(--ink-700);
      border:1px solid var(--paper-30);
      font-family:var(--font-sans); font-size: var(--type-caption); font-weight:500;
      letter-spacing:0; cursor:pointer;
      transition:background 150ms cubic-bezier(0.22,0.61,0.36,1),
                 color 150ms cubic-bezier(0.22,0.61,0.36,1),
                 border-color 150ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .pf-pill__count {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); color:var(--ink-500);
      letter-spacing:0.04em;
    }
    .pf-pill:hover { background:var(--paper-30); }
    .pf-pill.is-active {
      background:var(--ink-900); color:var(--paper-10); border-color:var(--ink-900);
    }
    .pf-pill.is-active .pf-pill__count { color:var(--on-ink-tertiary); }

    /* Pinned horizontal track — vertical scroll → horizontal track translate */
    .track-pin-spacer {
      position:relative;
      /* Höhe wird per JS dynamisch gesetzt: 100vh + Track-Breiten-Differenz */
    }
    .track-pin {
      position:sticky; top:171px;
      height:clamp(720px, calc(100vh - 275px), 820px);
      overflow:hidden;
      display:flex; flex-direction:column;
      padding:var(--s-4) 0 var(--s-5);
      background:var(--paper-10);
    }
    @media (max-width:879px) { .track-pin { top:88px; height:clamp(620px, 78vh, 760px); background:var(--paper-20); } }
    .track-pin__filters {
      display:flex; flex-wrap:wrap; gap:var(--s-2);
      padding-bottom:var(--s-5);
      margin-bottom:var(--s-4);
      border-bottom:var(--hairline);
      flex-shrink:0;
    }
    .track {
      display:flex; align-items:stretch; flex-grow:1;
      padding:0 var(--s-8);
      gap:var(--s-4);
      will-change:transform;
      transition:transform 60ms linear;
    }
    /* Scroll-Indicator absolute am unteren Rand (zeigt Progress 0-100%) */
    .track-progress {
      position:absolute; left:var(--s-8); right:var(--s-8); bottom:var(--s-4);
      height:2px; background:var(--ink-100); border-radius:2px; pointer-events:none;
    }
    .track-progress__bar {
      position:absolute; left:0; top:0; bottom:0;
      background:var(--accent-600); border-radius:2px;
      width:0%; transition: transform 60ms linear;
    }
    /* ─── PF-SLIDE: Magazine-Cover-Style ─────────────────────────── */
    .pf-slide {
      flex:0 0 clamp(520px, 75vw, 1100px);
      display:grid; grid-template-rows:auto 1fr;
      border-radius:var(--r-lg);
      overflow:hidden;
      position:relative; text-decoration:none; color:inherit;
      box-shadow:0 1px 2px var(--scrim-04), 0 12px 40px var(--scrim-06);
      transition:transform 300ms cubic-bezier(0.22,0.61,0.36,1),
                 box-shadow 300ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .pf-slide.is-hidden { display:none; }
    .pf-slide:hover {
      transform:translateY(-3px);
      box-shadow:0 2px 4px var(--scrim-08), 0 18px 60px rgba(12,14,13,0.14);
    }
    .pf-slide__top {
      display:flex; justify-content:space-between; align-items:center;
      padding:var(--s-4) var(--s-5);
      background:var(--paper-00);
      border-bottom:var(--hairline);
    }
    .pf-slide__num {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.18em;
      color:var(--ink-500);
    }
    .pf-slide__min {
      display:inline-flex; align-items:center; gap:6px;
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.14em;
      color:var(--ink-700);
      padding:6px 12px; border-radius:var(--r-pill);
      border:1px solid var(--ink-200);
    }
    .pf-slide__min::before {
      content:""; width:8px; height:8px; border-radius:50%;
      background:var(--accent-500);
    }
    /* Magazine card: text-left + image-right */
    .pf-slide__card {
      display:grid; grid-template-rows:1fr;
      grid-template-columns:1fr;
      min-height:480px;
    }
    @media (min-width:880px) {
      .pf-slide__card { grid-template-columns:1.15fr 1fr; }
    }
    .pf-slide__text {
      padding:var(--s-7) var(--s-7) var(--s-6);
      display:flex; flex-direction:column; justify-content:space-between;
      background:var(--accent-600); color:var(--paper-10);
    }
    .pf-slide__client {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.16em;
      text-transform:uppercase; color:rgba(250,251,250,0.78);
      font-weight:600;
    }
    .pf-slide__title {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      font-size: var(--type-h1);
      line-height:1.05; letter-spacing:-0.015em;
      color:var(--paper-10);
      margin:var(--s-5) 0 var(--s-5);
    }
    .pf-slide__title em {
      font-style:normal; font-family:var(--font-serif);
      color:var(--paper-10);
    }
    .pf-slide__lead {
      font-family:var(--font-sans); font-size: var(--type-body-sm); line-height:1.6;
      color:rgba(250,251,250,0.85);
      margin:0;
    }
    .pf-slide__visual {
      position:relative; overflow:hidden;
      background:var(--sand);
      min-height:280px;
    }
    .pf-slide__visual img {
      position:absolute; inset:0;
      width:100%; height:100%; object-fit:cover;
    }
    .pf-slide__bottom {
      padding:var(--s-4) var(--s-5);
      display:flex; justify-content:space-between; align-items:center;
      background:var(--paper-00);
      border-top:var(--hairline);
    }
    .pf-slide__outcome {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.14em;
      text-transform:uppercase; color:var(--ink-500);
    }
    .pf-slide__arrow {
      width:44px; height:44px; border-radius:50%;
      background:var(--ink-900); color:var(--paper-10);
      display:inline-flex; align-items:center; justify-content:center;
      font-family:var(--font-mono); font-size: var(--type-body-sm);
      transition:background 200ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 200ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .pf-slide:hover .pf-slide__arrow {
      background:var(--accent-500); transform:translateX(4px);
    }

    /* ─── Pillar-Farbschema (Massenverfahren=BLAU, Einzelverfahren=SCHWARZ, Compliance=WEISS) ─── */
    /* Pillar 01 — Massenverfahren (BLAU, moss-500 = #0A4E8C) */
    .pf-slide--mass           .pf-slide__text { background:var(--accent-500); }
    /* Pillar 02 — Einzelverfahren / Schadenersatz (SCHWARZ, ink-900) */
    .pf-slide--einzel         .pf-slide__text { background:var(--ink-900); }
    /* Pillar 03 — Compliance (WEISS, dunkler Text) */
    .pf-slide--compliance     .pf-slide__text {
      background:var(--paper-00); color:var(--ink-900);
      border:1px solid var(--paper-30);
    }
    .pf-slide--compliance     .pf-slide__client,
    .pf-slide--compliance     .pf-slide__num,
    .pf-slide--compliance     .pf-slide__min,
    .pf-slide--compliance     .pf-slide__outcome { color:var(--ink-500); }
    .pf-slide--compliance     .pf-slide__title { color:var(--ink-900); }
    .pf-slide--compliance     .pf-slide__title em { color:var(--accent-600); }
    .pf-slide--compliance     .pf-slide__lead { color:var(--ink-700); }
    .pf-slide--compliance     .pf-slide__arrow { color:var(--ink-700); }

    /* Legacy-Persona-Klassen (Original-Akzente) */
    .pf-slide--fluggast       .pf-slide__text { background:var(--accent-500); }
    .pf-slide--stromnetz      .pf-slide__text { background:#FE5F00; }
    .pf-slide--prozessfin     .pf-slide__text { background:var(--accent-700); }
    .pf-slide--flugportale    .pf-slide__text { background:var(--accent-600); }
    .pf-slide--unternehmen    .pf-slide__text { background:var(--ink-900); }
    .pf-slide--versicherer    .pf-slide__text { background:#0A4E8C; }
    .pf-slide--gerichtsstreit .pf-slide__text { background:var(--ink-700); }
    .pf-slide--kanzlei        .pf-slide__text { background:var(--accent-700); }

    /* Footer-Hint im Portfolio */
    .portfolio__hint {
      padding:var(--s-7) 0 var(--s-9); text-align:center;
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.16em;
      text-transform:uppercase; color:var(--ink-400);
    }

    @media (max-width:639px) {
      .pf-slide__text { padding:var(--s-6) var(--s-5); }
      .pf-slide__title { font-size: var(--type-h2); }
      .pf-slide__visual { min-height:200px; }
    }

    /* No-JS fallback / reduced-motion: vertical stack */
    @media (prefers-reduced-motion:reduce) {
      .track-pin-spacer { height:auto !important; }
      .track-pin { position:static; height:auto; overflow:visible; }
      .track {
        flex-direction:column; padding:0 var(--s-5);
        gap:var(--s-5); transform:none !important;
      }
      .pf-slide { flex:1 1 auto; margin-right:0; max-width:639px; }
      .track-progress { display:none; }
    }
    .no-js .track-pin-spacer { height:auto; }
    .no-js .track-pin { position:static; height:auto; overflow:visible; }
    .no-js .track {
      flex-direction:column; padding:0 var(--s-5); gap:var(--s-5); transform:none;
    }
    .no-js .pf-slide { flex:1 1 auto; margin-right:0; }
    .no-js .track-progress { display:none; }

    /* ─── Höchstgerichts-Bilanz (on-ink, unter Hero) ──────────────── */
    .courts-block + .courts-block { margin-top:var(--s-8); }
    .courts-block__eyebrow {
      display:flex; align-items:baseline; justify-content:space-between;
      gap:var(--s-3); flex-wrap:wrap;
      margin-bottom:var(--s-5); padding-bottom:var(--s-3);
      border-bottom:1px solid rgba(250,251,250,0.12);
    }
    .courts-block__eyebrow .label {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.08em;
      text-transform:uppercase; color:var(--mint-500);
    }
    .courts-block__eyebrow .meta {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      color:rgba(250,251,250,0.5);
    }
    .courts-grid { display:grid; grid-template-columns:1fr; gap:var(--s-3); }
    @media (min-width:640px) {
      .courts-grid--three { grid-template-columns:repeat(3,1fr); gap:var(--s-4); }
      .courts-grid--two   { grid-template-columns:repeat(2,1fr); gap:var(--s-4); }
    }
    .court-card {
      background:rgba(250,251,250,0.04);
      border:1px solid rgba(250,251,250,0.1);
      border-radius:var(--r-md);
      padding:var(--s-6);
      display:flex; flex-direction:column; gap:var(--s-2);
      min-height:200px;
      transition:border-color 240ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 240ms cubic-bezier(0.22,0.61,0.36,1),
                 background-color 240ms;
    }
    .court-card:hover {
      border-color:rgba(126,211,167,0.5);
      background:rgba(250,251,250,0.06);
      transform:translateY(-2px);
    }
    .court-card__num {
      font-family:var(--font-sans); font-style:normal;
      font-size: var(--type-hero);
      color:var(--paper-10); line-height:1; font-weight:400;
      letter-spacing:-0.02em;
    }
    .court-card__court {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.08em;
      color:var(--mint-500); font-weight:500; text-transform:uppercase;
      margin-top:var(--s-3);
    }
    .court-card__label {
      font-size: var(--type-body-sm); color:rgba(250,251,250,0.85);
      line-height:1.4; font-weight:500;
    }
    .court-card__note {
      font-size: var(--type-caption); color:var(--on-ink-tertiary);
      line-height:1.5; margin-top:auto; padding-top:var(--s-3);
    }
    .courts-closer {
      margin-top:var(--s-8); padding-top:var(--s-6);
      border-top:1px solid rgba(250,251,250,0.12);
      font-family:var(--font-sans); font-style:normal;
      font-size: var(--type-lead);
      color:rgba(250,251,250,0.78);
      line-height:1.55; max-width:68ch;
    }
    .courts-closer em { color:var(--mint-500); font-style:normal; }

    /* ─── Leitentscheidungen-Strip (verlinkt zu RIS/Curia) ────────── */
    .leitstrip { margin-top:var(--s-7); }
    .leitstrip__head {
      display:flex; align-items:baseline; justify-content:space-between;
      gap:var(--s-4); margin-bottom:var(--s-4); flex-wrap:wrap;
    }
    .leitstrip__head .label {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.16em;
      text-transform:uppercase; color:var(--mint-500);
    }
    .leitstrip__head .meta {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      color:rgba(250,251,250,0.45);
    }
    .leitstrip__list { display:grid; grid-template-columns:1fr; gap:0; }
    .leitstrip__row {
      display:grid; grid-template-columns:auto 1fr auto;
      gap:var(--s-4); align-items:baseline;
      padding:var(--s-4) 0;
      border-bottom:1px solid rgba(250,251,250,0.10);
      transition: color 200ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .leitstrip__row:hover { padding-left:var(--s-2); }
    .leitstrip__row:last-child { border-bottom:none; }
    .leitstrip__court {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      text-transform:uppercase; color:var(--mint-500);
      min-width:88px;
    }
    .leitstrip__title {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      font-size: var(--type-lead); line-height:1.3;
      color:var(--on-ink-primary);
    }
    .leitstrip__title strong {
      font-family:var(--font-mono); font-style:normal; font-weight:500;
      font-size: var(--type-caption); color:rgba(250,251,250,0.85);
      margin-right:var(--s-2);
    }
    .leitstrip__title .badge {
      display:inline-block; margin-left:var(--s-2);
      padding:2px 8px; border-radius:999px;
      background:var(--mint-500); color:var(--ink-900);
      font-family:var(--font-mono); font-size: var(--type-eyebrow);
      letter-spacing:0.04em; text-transform:uppercase;
      font-weight:500;
    }
    .leitstrip__link {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.04em;
      text-transform:uppercase; color:var(--on-ink-tertiary);
      transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .leitstrip__link:hover { color:var(--mint-500); }
    @media (max-width:639px) {
      .leitstrip__row { grid-template-columns:1fr; gap:var(--s-2); }
      .leitstrip__court { min-width:0; }
    }
    .leitstrip__cta-row {
      margin-top:var(--s-6);
    }
    .leitstrip__cta {
      display:inline-flex; align-items:center; gap:var(--s-2);
      padding:var(--s-3) var(--s-5); border-radius:999px;
      background:transparent; color:var(--on-ink-primary);
      border:1px solid rgba(250,251,250,0.25);
      font-family:var(--font-sans); font-size: var(--type-caption); font-weight:500;
      letter-spacing:0.04em; text-transform:uppercase;
      transition:background 120ms, border-color 120ms;
    }
    .leitstrip__cta:hover {
      background:rgba(250,251,250,0.08);
      border-color:rgba(250,251,250,0.45);
    }
  
    /* ─── 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; }

    /* Focus-Ring (Tastatur-Zugang) */
    :focus-visible { outline:2px solid var(--accent-500); outline-offset:2px; border-radius:4px; }

  
    /* Reading-Progress-Bar */
    .progress-bar {
      position: fixed; top: var(--topbar-h, 72px); left: 0; right: 0; z-index: 89;
      height: 2px; background: var(--accent-500);
      width: 0%;
      transition: transform 60ms linear;
      pointer-events: none;
    }

  
    /* ─── Goldstandard Nav (Homepage-Pattern, ohne Transparent) ─── */
    .nav {
      position:sticky; top:0; z-index:60;
      background:var(--on-ink-primary);
      backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
      border-bottom:var(--hairline, 1px solid #E9EBEA);
      transition:box-shadow 200ms cubic-bezier(0.22,0.61,0.36,1);
    }
    .nav.nav--scrolled { box-shadow:0 1px 8px var(--scrim-06); }
    .nav .nav__row.container {
      max-width:none; padding:0 var(--s-5); width:100%;
      display:grid; grid-template-columns:1fr auto 1fr;
      align-items:center; height:72px; gap:var(--s-4);
    }
    .nav__row { display:grid; align-items:center; height:72px; }
    .nav__links { display:none; gap:var(--s-5); align-items:center; justify-self:start; }
    @media (min-width:880px) { .nav__links { display:flex; } }
    .nav__wordmark--center { justify-self:center; }
    .nav__right {
      display:flex; align-items:center; gap:var(--s-3); justify-self:end;
    }
    @media (max-width:879px) {
      .nav .nav__row.container { display:flex; justify-content:space-between; }
      .nav__right { gap:var(--s-2); }
    }
    .nav__links a { font-size: var(--type-body-sm); font-weight:500; color:var(--ink-700); position:relative; white-space:nowrap; transition:color 120ms cubic-bezier(0.22,0.61,0.36,1);  padding:14px 0; display:inline-flex; align-items:center; min-height:44px; }
    .nav__links a: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 { color:var(--ink-900); }
    .nav__links a:not(.has-mega):hover::after { transform:scaleX(1); }
    .nav__links a.is-active { color:var(--ink-900); font-weight:600; }
    .nav__links a:not(.has-mega).is-active::after { transform:scaleX(1); }
    .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; }
    /* LinkedIn-XL Pill */
    .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:15px; height:15px; 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);
      border-color:var(--accent-500); box-shadow:0 2px 8px rgba(12,14,13,0.10);
    }
    .nav__linkedin--xl:hover .nav__linkedin__kicker { color:var(--accent-700); }
    .nav__linkedin--xl:hover svg { color:var(--accent-700); }
    /* CTA-Button auf Desktop sichtbar */
    .nav__cta-desktop { display:none; }
    @media (min-width:880px) { .nav__cta-desktop { display:inline-flex; } }
    /* Mobile Hamburger */
    .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); animation:panel-enter 250ms cubic-bezier(0.22,0.61,0.36,1) both; }
    @keyframes panel-enter { from { opacity:0; transform:translateY(-8px); filter:blur(4px); } to { opacity:1; transform:none; filter:blur(0); } }
    .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); 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); }
    /* ERLEDIGT-Bar im Fluss (nicht sticky, immer sichtbar) */
    .erledigt-bar { background:var(--paper-20); 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); }
    .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); transition:color 120ms cubic-bezier(0.22,0.61,0.36,1); }
    .erledigt-bar a:hover { color:var(--ink-900); }
    .erledigt-bar .sep { color:var(--ink-300); }

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

  
    /* ─── ERLEDIGT-Bar STICKY-Override (klebt unter der Nav beim Scrollen) ─── */
    .erledigt-bar {
      position:sticky !important;
      top:72px !important;
      z-index:59 !important;
      background:var(--paper-20) !important;
      border-bottom:var(--hairline) !important;
    }

  

    /* A11y/Performance — site-wide guidelines (2026-06-01 Impeccable-Sprint) */
    .skip-link { position: absolute; top: -100px; left: 8px; padding: 10px 16px; background: var(--ink-900); color: #fff; font-weight: 600; font-size: 14px; border-radius: 6px; z-index: 9999; transition: top 120ms ease; }
    .skip-link:focus { top: 8px; outline: 2px solid #fff; outline-offset: 2px; }
    [id] { scroll-margin-top: 88px; }
    .btn, button, a.btn, [role="button"] { touch-action: manipulation; }

/* ─── Sol-Slide-Karten (portiert aus loesungen.css für Erfolge-Karten) ─── */
    .sol-slide {
      width:100%;
      display:grid; grid-template-rows:auto 1fr;
      padding:var(--s-7) var(--s-7) var(--s-6);
      border:var(--hairline);
      border-radius:var(--r-lg);
      background:var(--paper-00);
      position:relative; text-decoration:none; color:inherit;
      box-shadow:0 1px 2px var(--scrim-04), 0 12px 40px var(--scrim-06);
      transition:transform 300ms cubic-bezier(0.22,0.61,0.36,1),
                 box-shadow 300ms cubic-bezier(0.22,0.61,0.36,1);
    }

    .sol-slide:hover {
      transform:translateY(-3px);
      box-shadow:0 2px 4px var(--scrim-08), 0 18px 60px rgba(12,14,13,0.12);
    }

    .sol-slide__num {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.18em;
      color:var(--ink-500); margin-bottom:var(--s-4);
    }

    .sol-slide__body {
      display:grid; grid-template-columns:1fr;
      gap:var(--s-6);
    }

      .sol-slide__body { grid-template-columns:240px 1fr; gap:var(--s-7); }

    .sol-slide__left { display:flex; flex-direction:column; gap:var(--s-5); }

    .sol-slide__icon {
      width:56px; height:56px; color:var(--accent-600); stroke-width:1.5;
    }

    .sol-slide__price-box {
      background:var(--paper-20); border-radius:var(--r-md);
      padding:var(--s-5);
      border:var(--hairline);
    }

    .sol-slide__price-label {
      display:block;
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.16em;
      text-transform:uppercase; color:var(--accent-600);
      margin-bottom:var(--s-2);
    }

    .sol-slide__price-value {
      display:block;
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      font-size: var(--type-h3); line-height:1.1;
      color:var(--ink-900);
    }

    .sol-slide__right { display:flex; flex-direction:column; }

    .sol-slide__kicker {
      font-family:var(--font-mono); font-size: var(--type-eyebrow); letter-spacing:0.16em;
      text-transform:uppercase; color:var(--accent-600);
      margin-bottom:var(--s-2);
    }

    .sol-slide__title {
      font-size: var(--type-h2); line-height:1.1;
      letter-spacing:-0.02em; font-weight:600; color:var(--ink-900);
      margin:0 0 var(--s-4);
    }

    .sol-slide__title em {
      font-family:var(--font-sans); font-style:normal; font-weight:300;
      color:var(--accent-600);
    }

    .sol-slide__lead {
      font-size: var(--type-body); line-height:1.6; color:var(--ink-700);
      margin:0 0 var(--s-5);
    }

    .sol-slide__points {
      list-style:none; padding:0; margin:0 0 var(--s-6);
      display:flex; flex-direction:column; gap:var(--s-2);
    }

    .sol-slide__points li {
      font-size: var(--type-body-sm); line-height:1.55; color:var(--ink-800);
      display:flex; gap:var(--s-2); align-items:flex-start;
    }

    .sol-slide__points li::before {
      content:"✓"; color:var(--accent-600); font-weight:600;
      flex-shrink:0;
    }

    .sol-slide__cta {
      display:inline-flex; align-items:center; gap:var(--s-2);
      padding:14px 24px; border-radius:var(--r-pill);
      background:var(--ink-900); color:var(--paper-10);
      font-family:var(--font-sans); font-size: var(--type-body-sm); font-weight:500;
      letter-spacing:0.04em; text-transform:uppercase;
      align-self:flex-start; margin-top:auto;
      transition:background 150ms cubic-bezier(0.22,0.61,0.36,1),
                 transform 200ms cubic-bezier(0.22,0.61,0.36,1);
    }

    .sol-slide__cta:hover {
      background:var(--accent-500); transform:translateX(2px);
    }

    .sol-slide--dark {
      background:var(--ink-900);
      border-color:var(--ink-900);
    }

    .sol-slide--dark .sol-slide__num { color:var(--on-ink-tertiary); }

    .sol-slide--dark .sol-slide__icon { color:var(--mint-500); }

    .sol-slide--dark .sol-slide__price-box {
      background:rgba(250,251,250,0.06); border-color:rgba(250,251,250,0.14);
    }

    .sol-slide--dark .sol-slide__price-label { color:var(--mint-500); }

    .sol-slide--dark .sol-slide__price-value { color:var(--paper-10); }

    .sol-slide--dark .sol-slide__kicker { color:var(--mint-500); }

    .sol-slide--dark .sol-slide__title { color:var(--paper-10); }

    .sol-slide--dark .sol-slide__title em { color:var(--mint-500); }

    .sol-slide--dark .sol-slide__lead { color:rgba(250,251,250,0.78); }

    .sol-slide--dark .sol-slide__points li { color:rgba(250,251,250,0.85); }

    .sol-slide--dark .sol-slide__points li::before { color:var(--mint-500); }

    .sol-slide--dark .sol-slide__cta {
      background:var(--mint-500); color:var(--ink-900);
    }

    .sol-slide--dark .sol-slide__cta:hover { background:#a5e0c2; }

    .sol-slide--accent {
      background:var(--accent-500);
      border-color:var(--accent-500);
    }

    .sol-slide--accent .sol-slide__num { color:rgba(255,255,255,0.65); }

    .sol-slide--accent .sol-slide__icon { color:var(--paper-10); }

    .sol-slide--accent .sol-slide__price-box {
      background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.20);
    }

    .sol-slide--accent .sol-slide__price-label { color:rgba(255,255,255,0.85); }

    .sol-slide--accent .sol-slide__price-value { color:var(--paper-10); }

    .sol-slide--accent .sol-slide__kicker { color:rgba(255,255,255,0.85); }

    .sol-slide--accent .sol-slide__title { color:var(--paper-10); }

    .sol-slide--accent .sol-slide__title em { color:rgba(255,255,255,0.85); }

    .sol-slide--accent .sol-slide__lead { color:rgba(255,255,255,0.88); }

    .sol-slide--accent .sol-slide__points li { color:rgba(255,255,255,0.92); }

    .sol-slide--accent .sol-slide__points li::before { color:var(--paper-10); }

    .sol-slide--accent .sol-slide__cta {
      background:var(--paper-10); color:var(--accent-700);
    }

    .sol-slide--accent .sol-slide__cta:hover { background:#fff; transform:translateX(2px); }

    .sol-slide__img {
      position:relative;
      width:100%; aspect-ratio:4/3;
      border-radius:var(--r-md, 12px);
      overflow:hidden;
      background:var(--ink-100, #e8e6df);
      margin-top:var(--s-3);
    }

    .sol-slide__img img {
      width:100%; height:100%; object-fit:cover; display:block;
      filter:saturate(0.85) contrast(1.05);
      transition:transform 800ms cubic-bezier(0.22,0.61,0.36,1),
                 filter 700ms cubic-bezier(0.22,0.61,0.36,1);
      will-change:transform;
    }

    .sol-slide:hover .sol-slide__img img {
      transform:scale(1.05);
      filter:saturate(1) contrast(1.07);
    }

    .sol-slide--accent .sol-slide__img img {
      filter:saturate(0.75) contrast(1.08) brightness(0.95);
    }

      .sol-slide__img img { transition:none !important; }


/* sol-slide @media queries */
@media (min-width:880px) {
      .sol-slide__body { grid-template-columns:240px 1fr; gap:var(--s-7); }
    }
@media (prefers-reduced-motion: reduce) {
      .section-break__img img,
      .cta-hero-section__bg img { animation:none !important; }
      .sol-slide__img img { transition:none !important; }
    }
/* ─── Erfolge: Filter-Pill-Row (rudimentärer Filter, 4 Buttons, sticky) ─── */
.erfolge-filter {
  display: flex; flex-wrap: wrap; gap: var(--s-3);
  justify-content: center; align-items: center;
  margin: 0 0 var(--s-6) 0;
  padding: var(--s-4) var(--s-5);
  position: sticky; top: 115px; z-index: 60;
  background: rgba(250, 249, 244, 0.92);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--scrim-06);
}
@media (max-width: 720px) {
  .erfolge-filter {
    position: static;
    padding: var(--s-4) var(--s-3);
  }
}
.erfolge-filter__btn {
  display: inline-flex; align-items: center; gap: var(--s-2);
  padding: 10px 18px;
  min-height: 44px;
  border: var(--hairline);
  border-radius: var(--r-pill);
  background: var(--paper-00);
  color: var(--ink-700);
  font-family: var(--font-sans); font-size: var(--type-body-sm); font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 180ms cubic-bezier(0.22, 0.61, 0.36, 1),
              color 180ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.erfolge-filter__btn:hover {
  background: var(--paper-20);
  color: var(--ink-900);
}
.erfolge-filter__btn.is-active {
  background: var(--ink-900);
  color: var(--paper-10);
  border-color: var(--ink-900);
}
.erfolge-filter__btn .ct {
  font-family: var(--font-mono); font-size: 11px;
  opacity: 0.65;
}

/* ─── Erfolge: Card-Stack-Container ─── */
.erfolge-stack {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--s-5);
  display: flex; flex-direction: column;
  gap: var(--s-6);
}
.erfolge-stack__count {
  font-family: var(--font-mono); font-size: var(--type-eyebrow);
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-500);
  text-align: center;
  margin-bottom: var(--s-2);
}
.sol-slide[hidden] { display: none; }

/* ─── Erfolge: Newsletter-CTA-Section am Ende ─── */
.erfolge-newsletter {
  max-width: 720px;
  margin: var(--s-10) auto 0;
  padding: var(--s-8) var(--s-7);
  background: var(--paper-20);
  border-radius: var(--r-lg);
  text-align: center;
}
.erfolge-newsletter__eyebrow {
  font-family: var(--font-mono); font-size: var(--type-eyebrow);
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--accent-600); margin-bottom: var(--s-3);
}
.erfolge-newsletter__title {
  font-family: var(--font-sans); font-weight: 600;
  font-size: var(--type-h3); line-height: 1.2;
  color: var(--ink-900);
  margin: 0 0 var(--s-3);
  letter-spacing: -0.018em;
}
.erfolge-newsletter__title em {
  font-style: normal; font-weight: 300; color: var(--accent-600);
}
.erfolge-newsletter__lead {
  font-size: var(--type-body); line-height: 1.6;
  color: var(--ink-700);
  margin: 0 0 var(--s-6);
}
.erfolge-newsletter__form {
  display: flex; flex-direction: column; gap: var(--s-3);
  max-width: 400px; margin: 0 auto;
}
@media (min-width: 640px) {
  .erfolge-newsletter__form { flex-direction: row; }
}
.erfolge-newsletter__input {
  flex: 1; padding: 14px 18px; min-height: 44px;
  border: var(--hairline); border-radius: var(--r-pill);
  background: var(--paper-00);
  font-family: var(--font-sans); font-size: var(--type-body-sm);
  color: var(--ink-900);
}
.erfolge-newsletter__input:focus {
  outline: 2px solid var(--accent-600); outline-offset: 1px;
}
.erfolge-newsletter__submit {
  padding: 14px 24px; min-height: 44px;
  background: var(--ink-900); color: var(--paper-10);
  border: none; border-radius: var(--r-pill);
  font-family: var(--font-sans); font-size: var(--type-body-sm); font-weight: 500;
  letter-spacing: 0.04em; text-transform: uppercase;
  cursor: pointer;
  transition: background 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.erfolge-newsletter__submit:hover {
  background: var(--accent-500);
}

/* visually-hidden für SR-only Inhalt */
.visually-hidden {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ─── Layout-Sprint 2026-06-01: Rhythm-Variation ─────────────────── */
section[aria-labelledby="courts-heading"] {
  padding: var(--s-9) 0;                /* 96/96 — Standard-Beat */
}
section[aria-label="Gründer-Zitat"] {
  padding: var(--s-10) 0 var(--s-9);    /* 128/96 — Onramp zum CTA */
}
section[aria-labelledby="kontakt-heading"] {
  padding: var(--s-10) 0 var(--s-9);    /* 128/96 — Schluss-Anker mit offenem Ausgang */
}

/* ═══ Hero-Split (Goldstandard, von Expertise) ═══ */
.hero-split { background: var(--paper-00, #fff); border-bottom: 1px solid var(--scrim-04); }
.hero-split__inner { display: grid; grid-template-columns: 1fr; min-height: 480px; max-width: 1440px; margin: 0 auto; }
@media (min-width: 880px) { .hero-split__inner { grid-template-columns: 1.15fr 1fr; min-height: 845px; } }
.hero-split__content { padding: var(--s-9) var(--s-7); display: flex; flex-direction: column; justify-content: center; max-width: 720px; }
@media (min-width: 880px) { .hero-split__content { padding: clamp(56px, 8vw, 112px) clamp(40px, 5vw, 80px); } }
.hero-split__eyebrow { display: inline-block; font-family: var(--font-mono); font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-600); margin-bottom: var(--s-5); }
.hero-split__title { font-family: var(--font-sans); font-weight: 600; font-size: clamp(40px, 5.6vw, 76px); line-height: 1.06; letter-spacing: -0.025em; color: var(--ink-900); margin: 0 0 var(--s-6); }
.hero-split__title em { font-style: normal; font-weight: 300; color: var(--accent-600); }
.hero-split__sub { font-family: var(--font-sans); font-weight: 400; font-size: var(--type-body-sm); line-height: 1.55; color: var(--ink-700); margin: 0 0 var(--s-7); max-width: 56ch; }
.hero-split__actions { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.hero-split__actions .btn { padding: 14px 28px; min-height: 48px; }
.hero-split__panel { background: var(--sand); border-radius: 24px; padding: var(--s-7) var(--s-6); display: flex; flex-direction: column; gap: var(--s-5); box-shadow: 0 1px 2px var(--scrim-04, rgba(12,14,13,0.04)); transition: box-shadow 480ms cubic-bezier(0.22,0.61,0.36,1); }
@media (hover: hover) { .hero-split__panel:hover { box-shadow: 0 18px 48px var(--scrim-08, rgba(12,14,13,0.08)); } }
@media (max-width: 879px) { .hero-split__panel { margin: 0 var(--s-5) var(--s-7); } }
.hero-split__panel-label { font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-600); }
.hero-split__panel-h { font-family: var(--font-sans); font-weight: 600; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.2; color: var(--ink-900); margin: 0; letter-spacing: -0.015em; }
.hero-split__panel-h em { font-style: normal; font-weight: 300; color: var(--accent-600); }
.hero-split__panel-body { font-size: var(--type-body-sm); line-height: 1.6; color: var(--ink-700); margin: 0; }
.hero-split__panel-stats { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-4); border-top: 1px solid var(--ink-200); padding-top: var(--s-5); }
.hero-split__stat { display: flex; flex-direction: column; gap: 2px; }
.hero-split__stat-num { font-family: var(--font-sans); font-weight: 600; font-size: clamp(22px, 2.4vw, 28px); line-height: 1; color: var(--ink-900); font-variant-numeric: tabular-nums; letter-spacing: -0.018em; }
.hero-split__stat-cap { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-600); }

/* Trust-Strip */
.hero-trust, section.editorial.hero-trust { padding: var(--s-7) 0 var(--s-8); border-bottom: var(--hairline); background: var(--paper-00, #fff); }
.validation-strip__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-4) var(--s-5); align-items: baseline; }
@media (min-width:640px) { .validation-strip__list { grid-template-columns: repeat(4, 1fr); gap: var(--s-5); } }
.validation-strip__item { text-align: center; }
.validation-strip__num { display: block; font-family: var(--font-sans); font-weight: 600; letter-spacing: -0.015em; font-variant-numeric: tabular-nums; font-size: var(--type-h3); line-height: 1; color: var(--ink-900); margin-bottom: 6px; }
.validation-strip__num--accent { color: var(--accent-600); }
.validation-strip__cap { display: block; font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.06em; color: var(--ink-500); text-transform: uppercase; line-height: 1.35; }
.validation-strip__cap-break { display: block; margin-top: 3px; font-size: 9px; letter-spacing: 0.06em; }

/* ═══ Portfolio · Magazin-Karten (Erfolg-Grid) ═══ */
.portfolio.editorial { background: var(--paper-00, #fff); padding: var(--s-9) 0 var(--s-10); border-top: none; }
.sol-head__h { font-family: var(--font-sans); font-weight: 600; font-size: clamp(32px,4.5vw,56px); line-height: 1.08; letter-spacing: -0.02em; color: var(--ink-900); margin: 0; }
.sol-head__h em { color: var(--accent-600); font-style: normal; font-weight: 300; }
.erfolge-stack__count { font-family: var(--font-mono); font-size: var(--type-eyebrow); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-500); margin: var(--s-5) 0 var(--s-6); }
.erfolg-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-5); }
@media (min-width:680px) { .erfolg-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width:1000px) { .erfolg-grid { grid-template-columns: repeat(3,1fr); gap: var(--s-6); } }
.erfolg-card { display: flex; }
.erfolg-card[hidden] { display: none; }
.erfolg-card__link { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: #fff; border: 1px solid var(--paper-30, rgba(12,14,13,0.10)); border-radius: var(--r-md,16px); text-decoration: none; color: inherit; transition: transform 240ms cubic-bezier(0.22,0.61,0.36,1), box-shadow 240ms cubic-bezier(0.22,0.61,0.36,1); }
.erfolg-card__link:hover { transform: translateY(-3px); box-shadow: 0 18px 48px var(--scrim-08, rgba(12,14,13,0.10)); }
.erfolg-card__img { position: relative; height: 190px; overflow: hidden; background: var(--ink-100,#e8e6df); }
.erfolg-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms cubic-bezier(0.22,0.61,0.36,1); }
.erfolg-card__link:hover .erfolg-card__img img { transform: scale(1.04); }
.erfolg-card__badge { position: absolute; top: var(--s-3); left: var(--s-3); z-index: 2; padding: 4px 10px; border-radius: 999px; background: rgba(12,14,13,0.62); color: #fff; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; backdrop-filter: blur(4px); }
.erfolg-card__body { display: flex; flex-direction: column; gap: var(--s-1); padding: var(--s-5); flex: 1; }
.erfolg-card__label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-500); }
.erfolg-card__value { font-family: var(--font-sans); font-weight: 700; font-size: clamp(26px,2.6vw,34px); line-height: 1.05; letter-spacing: -0.02em; color: var(--accent-600); font-variant-numeric: tabular-nums; margin: 2px 0 var(--s-2); }
.erfolg-card__kicker { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-500); }
.erfolg-card__title { font-family: var(--font-sans); font-weight: 600; font-size: clamp(17px,1.5vw,20px); line-height: 1.25; letter-spacing: -0.01em; color: var(--ink-900); margin: 4px 0 0; }
.erfolg-card__title em { color: var(--accent-600); font-style: normal; font-weight: 300; }
.erfolg-card__lead { font-size: var(--type-body-sm); line-height: 1.55; color: var(--ink-700); margin: var(--s-2) 0 0; flex: 1; }
.erfolg-card__cta { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent-600); font-weight: 500; margin-top: var(--s-4); }
.erfolg-card__link:hover .erfolg-card__cta { text-decoration: underline; text-underline-offset: 3px; }
/* Dark-Variante (Identity-Karte) */
.erfolg-card--dark .erfolg-card__link { background: var(--ink-900); border-color: transparent; }
.erfolg-card--dark .erfolg-card__label, .erfolg-card--dark .erfolg-card__kicker { color: rgba(250,251,250,0.6); }
.erfolg-card--dark .erfolg-card__value { color: var(--mint-500); }
.erfolg-card--dark .erfolg-card__title { color: var(--paper-10); }
.erfolg-card--dark .erfolg-card__title em { color: var(--mint-500); }
.erfolg-card--dark .erfolg-card__lead { color: var(--on-ink-strong, rgba(250,251,250,0.82)); }
.erfolg-card--dark .erfolg-card__cta { color: var(--mint-500); }
@media (prefers-reduced-motion: reduce){ .erfolg-card__link, .erfolg-card__img img { transition: none; } .erfolg-card__link:hover { transform: none; } .erfolg-card__link:hover .erfolg-card__img img { transform: none; } }

/* Lead-Karte (Identity „Drei Marken") — volle Breite, horizontal auf Desktop */
@media (min-width:1000px) {
  .erfolg-card--lead { grid-column: 1 / -1; }
  .erfolg-card--lead .erfolg-card__link { flex-direction: row; align-items: stretch; }
  .erfolg-card--lead .erfolg-card__img { flex: 0 0 42%; height: auto; min-height: 280px; }
  .erfolg-card--lead .erfolg-card__body { justify-content: center; padding: var(--s-8) var(--s-7); }
  .erfolg-card--lead .erfolg-card__value { font-size: clamp(30px,3vw,42px); }
  .erfolg-card--lead .erfolg-card__title { font-size: clamp(20px,2vw,26px); }
  .erfolg-card--lead .erfolg-card__lead { max-width: 60ch; }
}