/* Crew Up Teamwissen — gemeinsames Stylesheet aller Wissensseiten (Hub + Artikel).
   Erzeugt NICHT vom Generator; von Hand gepflegt. Teil 1 (Basis, Menü, Footer) ist aus den
   übrigen Seiten übernommen (Stand crew-up-klaerung.html, 19.10.2026) – bei site-weiten
   Menü-/Footer-Änderungen hier mitziehen. Teil 2 ist das Wissens-Design (Gold-Akzent). */
  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
  :root {
    --gold: #F4DEA0; --gold-rgb: 244,222,160; --mint-rgb: 120,195,167; --cool-rgb: 151,186,226; --coral-rgb: 245,169,153; --navy-rgb: 23,37,63;
    --c-accent: #F5A999; --c-accent-h: #EC8A76; --c-mint: #78C3A7; --c-cool: #97BAE2;
    --c-section: #17253F; --c-section-h: #0E1A30; --c-text-dark: #17253F; --c-text: #3D4A5F;
    --c-text-muted: #5A6578; --c-surface: #F9F3EB; --c-surface-2: #FFFFFF; --c-footer: #F9F3EB; --c-hover-tint: rgba(23,37,63,0.05); --c-tint-accent: rgba(245,169,153,0.14); --c-line: rgba(23,37,63,0.14);
    --cta-bg: var(--c-section); --cta-bg-h: var(--c-section-h); --cta-fg: #FFFFFF;
    --serif: 'Lora', Georgia, serif; --sans: 'Inter', -apple-system, 'SF Pro Text', 'Segoe UI', Roboto, Arial, sans-serif;
    --container: 1200px; --pad-x: clamp(20px, 4vw, 40px);
  }
  html { scroll-behavior: smooth; }
  body { font-family: var(--sans); background: var(--c-surface); color: var(--c-text); font-size: 17px; line-height: 1.7; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  img { max-width: 100%; display: block; }
  a { color: var(--c-accent); text-decoration: none; }
  a:hover { color: var(--c-accent-h); }
  .container { max-width: var(--container); margin: 0 auto; padding: 0 var(--pad-x); }

  .btn { display: inline-block; padding: 14px 30px; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; text-decoration: none; border-radius: 8px; transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.15s, box-shadow 0.25s; border: 1.5px solid transparent; cursor: pointer; }
  .btn-primary { background: var(--cta-bg); color: var(--cta-fg); }
  .btn-primary:hover { background: var(--cta-bg-h); color: var(--cta-fg); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(23,37,63,0.26); }
  .btn-outline { background: transparent; color: var(--c-text-dark); border-color: var(--c-line); }
  .btn-outline:hover { border-color: var(--c-section); color: var(--c-section); background: rgba(23,37,63,0.04); }

  nav.site { position: fixed; top: 0; left: 0; right: 0; z-index: 200; background: rgba(252,250,245,0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--c-line); }
  .nav-inner { max-width: var(--container); margin: 0 auto; padding: 0 var(--pad-x); display: flex; align-items: center; justify-content: space-between; height: 68px; }
  .nav-brand { display: inline-flex; align-items: center; height: 36px; text-decoration: none; }
  .nav-brand img { height: 36px; width: auto; display: block; }
  .nav-links { display: flex; gap: 26px; list-style: none; align-items: center; }
  .nav-links > li { position: relative; }
  .nav-links a { font-size: 14px; color: var(--c-text); text-decoration: none; letter-spacing: 0.02em; transition: color 0.2s; font-weight: 500; padding: 8px 0; display: inline-flex; align-items: center; gap: 4px; }
  .nav-links a:hover { color: var(--c-accent); }
  .nav-caret { width: 10px; height: 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translate(-2px,-2px); transition: transform 0.2s; }
  .nav-drop-wrap:hover > a .nav-caret { transform: rotate(-135deg) translate(-2px,-2px); }
  .nav-dropdown { position: absolute; top: calc(100% + 6px); left: -16px; min-width: 270px; background: #fff; border: 1px solid var(--c-line); border-radius: 10px; padding: 10px; box-shadow: 0 16px 40px -15px rgba(23,37,63,0.18); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all 0.22s ease; }
  .nav-dropdown a { display: block; padding: 10px 14px; border-radius: 6px; font-family: var(--serif); font-size: 15px; color: var(--c-text-dark); }
  .nav-dropdown a:hover { background: var(--c-hover-tint); color: var(--c-accent); }
  .nav-dropdown a small { display: block; font-family: var(--sans); font-size: 12px; color: var(--c-text-muted); margin-top: 2px; font-weight: 400; }
  .nav-drop-wrap:hover .nav-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
  .nav-cta { background: var(--c-section); color: #fff !important; padding: 9px 18px !important; border-radius: 6px; font-size: 13px !important; }
  .nav-cta:hover { background: var(--c-section-h); color: #fff !important; }
  .hamburger { display: none; background: none; border: none; cursor: pointer; width: 28px; height: 22px; position: relative; z-index: 210; }
  .hamburger span { display: block; width: 100%; height: 2px; background: var(--c-text-dark); position: absolute; left: 0; transition: all 0.3s ease; border-radius: 2px; }
  .hamburger span:nth-child(1) { top: 2px; } .hamburger span:nth-child(2) { top: 10px; } .hamburger span:nth-child(3) { top: 18px; }
  .hamburger.active span:nth-child(1) { top: 10px; transform: rotate(45deg); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { top: 10px; transform: rotate(-45deg); }
  .mobile-menu { display: none; position: fixed; inset: 0; background: var(--c-surface); z-index: 150; flex-direction: column; padding: 96px 32px 40px; overflow-y: auto; }
  .mobile-menu.open { display: flex; }
  .mobile-menu a { font-family: var(--serif); font-size: 22px; color: var(--c-text-dark); text-decoration: none; padding: 12px 0; border-bottom: 1px solid var(--c-line); display: block; }
  .mobile-menu .submenu { padding-left: 16px; } .mobile-menu .submenu a { font-size: 16px; color: var(--c-text); padding: 9px 0; border-bottom: none; }
  .mobile-menu .submenu small { display: block; color: var(--c-text-muted); font-size: 12px; margin: -6px 0 6px; }

  footer.site { background: var(--c-footer); color: var(--c-text); padding: 64px 0 28px; border-top: 1px solid var(--c-line); }
  .footer-grid { max-width: var(--container); margin: 0 auto; padding: 0 var(--pad-x) 40px; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 44px; border-bottom: 1px solid var(--c-line); }
  .footer-brand { display: inline-block; margin-bottom: 14px; }
  .footer-brand img { height: 40px; }
  .footer-tag { font-size: 14px; color: var(--c-text); line-height: 1.6; margin-bottom: 16px; }
  .footer-contact { font-size: 14px; color: var(--c-text-dark); line-height: 1.8; }
  .footer-contact a { color: var(--c-text-dark); } .footer-contact a:hover { color: var(--c-accent-h); }
  .footer-col .footer-h { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-text-dark); margin-bottom: 16px; font-weight: 700; }
  .footer-col ul { list-style: none; } .footer-col li { margin-bottom: 9px; }
  .footer-col a { font-size: 14px; color: var(--c-text); transition: color 0.2s; } .footer-col a:hover { color: var(--c-accent-h); }
  .footer-partner-label { font-size: 11px; color: var(--c-text-muted); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; font-weight: 600; }
  .footer-network-item + .footer-network-item { margin-top: 20px; }
  .footer-network img { max-width: 140px; }
  .footer-wed-name { font-size: 14px; color: var(--c-text); }
  .footer-bottom { max-width: var(--container); margin: 0 auto; padding: 22px var(--pad-x) 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
  .footer-copy { font-size: 12px; color: var(--c-text-muted); }
  .footer-links { display: flex; gap: 22px; list-style: none; flex-wrap: wrap; }
  .footer-links a { font-size: 12px; color: var(--c-text-muted); } .footer-links a:hover { color: var(--c-text-dark); }

  @media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; gap: 32px; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .nav-links { display: none; } .hamburger { display: flex; flex-direction: column; justify-content: center; }
  }
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(23,37,63,.06);color:#17253f;transition:background .2s,color .2s,transform .2s}
.footer-social a:hover{background:#17253f;color:#fff;transform:translateY(-2px)}
.footer-social svg{width:14px;height:14px}
.closing-scene{background:var(--c-footer);line-height:0}
.closing-scene img{display:block;width:100%;height:auto}

.ferment-logo{max-width:92px!important;max-height:132px}
  /* Footer — einheitlich mit der Startseite (Werte aus crew-up-home-v5.css), überschreibt die älteren Footer-Regeln oben */
  footer.site { padding: 64px 0 28px; background: var(--c-footer); color: var(--c-text); border-top: 1px solid var(--c-line); line-height: normal; }
  footer.site .footer-grid, footer.site .footer-bottom { max-width: none; width: min(var(--container), calc(100% - 48px)); margin: 0 auto; }
  footer.site .footer-grid { padding: 0 0 40px; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 44px; border-bottom: 1px solid var(--c-line); }
  footer.site .footer-brand { display: inline-block; margin-bottom: 14px; }
  footer.site .footer-brand img { height: 40px; width: auto; display: block; }
  footer.site .footer-tag { max-width: 31ch; margin: 0; font-size: 13px; line-height: 1.65; color: var(--c-text); }
  footer.site .footer-slogan { margin-top: 6px; font-family: var(--serif); font-style: italic; font-size: 15px; line-height: 1.4; color: var(--c-text-dark); }
  footer.site .footer-contact { margin-top: 18px; font-size: 13px; line-height: 1.75; color: var(--c-text); }
  footer.site a, footer.site .footer-contact a { color: var(--c-text); }
  footer.site a:hover, footer.site .footer-contact a:hover { color: #D87563; }
  footer.site .footer-col .footer-h { margin-bottom: 15px; font-family: var(--sans); font-size: 10px; text-transform: uppercase; letter-spacing: .15em; color: var(--c-text-dark); font-weight: 700; }
  footer.site .footer-col ul { list-style: none; margin: 0; padding: 0; }
  footer.site .footer-col li { margin: 0 0 9px; }
  footer.site .footer-col a { font-size: 13px; }
  footer.site .footer-partner-label { margin: 0 0 9px; font-size: 10px; text-transform: uppercase; letter-spacing: .13em; color: var(--c-text-muted); font-weight: 400; }
  footer.site .footer-network-item + .footer-network-item { margin-top: 20px; }
  footer.site .footer-network-item img { max-width: 118px; display: block; }
  footer.site .footer-wed-name { display: inline-block; font-family: var(--serif); font-size: 16px; font-weight: 500; color: var(--c-text-dark); }
  footer.site .footer-wed-sub { display: block; margin-top: 3px; font-size: 12px; line-height: 1.5; color: var(--c-text-muted); }
  footer.site .footer-social a { color: var(--c-text-dark); }
  footer.site .footer-social a:hover { background: var(--c-text-dark); color: #fff; }
  footer.site .footer-bottom { padding: 22px 0 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; font-size: 11px; color: var(--c-text-muted); text-align: left; }
  footer.site .footer-copy { font-size: 11px; color: var(--c-text-muted); }
  footer.site .footer-links { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
  footer.site .footer-links a { font-size: 11px; color: var(--c-text); }
  @media (max-width: 1050px) { footer.site .footer-grid { grid-template-columns: 1fr 1fr; row-gap: 38px; } }
  @media (max-width: 760px) {
    footer.site .footer-grid, footer.site .footer-bottom { width: min(100% - 32px, var(--container)); }
    footer.site .footer-grid { grid-template-columns: 1fr; row-gap: 32px; }
    footer.site .footer-bottom { flex-direction: column; align-items: flex-start; }
  }
  @media (max-width: 470px) { footer.site .footer-grid, footer.site .footer-bottom { width: calc(100% - 28px); } }

/* ════════════════════════════════════════════════════════════════════════════
   Teil 2 — Teamwissen-Design. Gold #F4DEA0 ist der Akzent der Wissenswelt
   (nur Flächen/Linien, nie Textfarbe). Klassen-Präfix: w- (gemeinsam), sig- (Signature-Elemente).
   ════════════════════════════════════════════════════════════════════════════ */
.text-link { color: var(--c-text-dark); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(var(--navy-rgb),.35); text-underline-offset: 3px; }
.text-link:hover { color: var(--c-text-dark); text-decoration-color: var(--c-text-dark); }
.w-prose a:not(.btn) { color: var(--c-text-dark); text-decoration: underline; text-decoration-color: rgba(var(--navy-rgb),.35); text-underline-offset: 3px; font-weight: 500; }
.w-prose a:not(.btn):hover { text-decoration-color: var(--c-text-dark); }

/* Reveal: nur wenn JS läuft (html.w-js), sonst sofort sichtbar */
.w-js .w-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,.61,.36,1); }
.w-js .w-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .w-js .w-reveal { opacity: 1; transform: none; transition: none; } }

/* Lesefortschritt unter der Menüleiste */
.w-progress { position: fixed; top: 68px; left: 0; right: 0; height: 3px; z-index: 199; background: rgba(var(--gold-rgb),.55); transform-origin: left center; }
.w-progress i { display: block; height: 100%; width: 100%; background: var(--c-text-dark); transform: scaleX(0); transform-origin: left center; }

/* Breadcrumbs */
.w-crumbs { font-size: 13px; color: var(--c-text-muted); margin-bottom: 18px; }
.w-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.w-crumbs li + li::before { content: "›"; margin-right: 6px; opacity: .6; }
.w-crumbs a { color: var(--c-text-muted); }
.w-crumbs a:hover { color: var(--c-text-dark); }

/* Themenwelt-Chip */
.w-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 8px; border-radius: 999px; background: rgba(var(--gold-rgb),.75); color: var(--c-text-dark); font-size: 12.5px; font-weight: 600; letter-spacing: .02em; }
.w-chip svg { width: 18px; height: 18px; }
a.w-chip:hover { background: var(--gold); color: var(--c-text-dark); }

/* ── Artikel-Hero ── */
.a-hero { padding: calc(68px + 40px) 0 0; background: var(--c-surface); position: relative; overflow: hidden; }
.a-hero-grid { max-width: var(--container); margin: 0 auto; padding: 0 var(--pad-x); display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.65fr); gap: clamp(28px,5vw,72px); align-items: center; }
.a-hero h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(31px,4.1vw,50px); line-height: 1.12; letter-spacing: -.01em; color: var(--c-text-dark); margin: 16px 0 22px; }
.a-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; font-size: 13.5px; color: var(--c-text-muted); }
.a-meta .a-author { display: inline-flex; align-items: center; gap: 10px; color: var(--c-text-dark); font-weight: 600; }
.a-meta .a-author img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.a-meta { column-gap: 22px; }
.a-motif { position: relative; aspect-ratio: 1; max-width: 360px; justify-self: center; width: 100%; }
.a-motif::before { content: ""; position: absolute; inset: 4%; border-radius: 50%; background: radial-gradient(circle at 38% 34%, #fff 0%, rgba(var(--gold-rgb),.85) 62%, rgba(var(--gold-rgb),1) 100%); }
.a-motif::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1.5px dashed rgba(var(--navy-rgb),.18); animation: wSpin 60s linear infinite; }
@keyframes wSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .a-motif::after { animation: none; } }
.a-motif svg { position: relative; z-index: 1; width: 100%; height: 100%; overflow: visible; }

/* Motiv-Zeichnung (Hero groß, Karten klein): Linien zeichnen sich, Akzentflächen blenden ein */
.mo { fill: none; stroke: var(--c-text-dark); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.mo-fill-coral { fill: rgba(var(--coral-rgb),.9); stroke: none; }
.mo-fill-mint { fill: rgba(var(--mint-rgb),.9); stroke: none; }
.mo-fill-cool { fill: rgba(var(--cool-rgb),.95); stroke: none; }
.mo-fill-white { fill: #fff; stroke: none; }
.mo-thin { stroke-width: 1.6; }
.mo-dash { stroke-dasharray: 4 6; }
.w-js .a-motif .mo:not(.mo-dash) { stroke-dasharray: var(--len,600); stroke-dashoffset: var(--len,600); animation: wDraw 1.8s cubic-bezier(.45,0,.2,1) .25s forwards; }
.w-js .a-motif [class*="mo-fill"] { opacity: 0; animation: wFade .8s ease 1.2s forwards; }
@keyframes wDraw { to { stroke-dashoffset: 0; } }
@keyframes wFade { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .w-js .a-motif .mo, .w-js .a-motif [class*="mo-fill"] { animation: none; stroke-dashoffset: 0; opacity: 1; } }

/* ── Kurz gesagt: direkte Antwort (für Menschen und KI-Suche zitierfähig) ── */
.a-answer { max-width: var(--container); margin: clamp(32px,4vw,48px) auto 0; padding: 0 var(--pad-x); }
.a-answer-card { position: relative; background: #fff; border-radius: 22px; padding: clamp(24px,3.4vw,40px) clamp(22px,4vw,48px); box-shadow: 0 24px 50px -38px rgba(var(--navy-rgb),.45); display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: clamp(20px,4vw,52px); align-items: start; border-top: 6px solid var(--gold); }
.a-answer-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; color: var(--c-text-dark); margin-bottom: 12px; }
.a-answer-label::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(var(--gold-rgb),.35); }
.a-answer-text { font-family: var(--serif); font-size: clamp(18px,1.7vw,21px); line-height: 1.55; color: var(--c-text-dark); }
.a-take { list-style: none; display: grid; gap: 12px; align-self: center; }
.a-take li { display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 12px; align-items: start; font-size: 15px; line-height: 1.5; color: var(--c-text-dark); font-weight: 500; }
.a-take li::before { content: ""; width: 26px; height: 26px; border-radius: 50%; background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317253F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat; margin-top: -2px; }

/* ── Artikel-Layout: Inhaltsverzeichnis + Text ── */
.a-layout { max-width: 1120px; margin: 0 auto; padding: clamp(48px,6vw,80px) var(--pad-x) 0; display: grid; grid-template-columns: 220px minmax(0,1fr); gap: clamp(32px,5vw,72px); }
.a-toc { position: sticky; top: 104px; align-self: start; font-size: 13.5px; }
.a-toc p { font-size: 11px; text-transform: uppercase; letter-spacing: .16em; color: var(--c-text-muted); font-weight: 700; margin-bottom: 12px; }
.a-toc ol { list-style: none; border-left: 2px solid rgba(var(--navy-rgb),.08); }
.a-toc a { display: block; padding: 7px 0 7px 16px; margin-left: -2px; border-left: 2px solid transparent; color: var(--c-text-muted); line-height: 1.4; transition: color .2s, border-color .2s; }
.a-toc a:hover { color: var(--c-text-dark); }
.a-toc a.is-active { color: var(--c-text-dark); border-left-color: var(--c-text-dark); font-weight: 600; }
.a-toc-mobile { display: none; margin-bottom: 28px; border: 1px solid var(--c-line); border-radius: 12px; background: #fff; }
.a-toc-mobile summary { padding: 14px 18px; cursor: pointer; font-weight: 600; color: var(--c-text-dark); font-size: 14.5px; list-style: none; display: flex; justify-content: space-between; }
.a-toc-mobile summary::-webkit-details-marker { display: none; }
.a-toc-mobile ol { padding: 0 18px 14px 36px; font-size: 14.5px; line-height: 1.9; }
.a-toc-mobile a { color: var(--c-text); }

.a-body { max-width: 700px; min-width: 0; }
.a-intro { font-size: clamp(18px,1.6vw,20px); line-height: 1.7; color: var(--c-text-dark); margin-bottom: 8px; }
.w-prose { font-size: 17px; line-height: 1.78; color: var(--c-text); }
.w-prose p + p { margin-top: 16px; }
.w-prose strong { color: var(--c-text-dark); font-weight: 600; }
.a-sec { padding-top: clamp(40px,5vw,60px); scroll-margin-top: 96px; }
.a-sec > h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(25px,2.6vw,32px); line-height: 1.22; color: var(--c-text-dark); margin-bottom: 18px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; align-items: baseline; }
.a-sec > h2 .no { font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--c-text-dark); background: rgba(var(--gold-rgb),.8); border-radius: 999px; padding: 4px 10px; transform: translateY(-4px); }
.a-sec h3 { font-family: var(--serif); font-weight: 500; font-size: 20px; color: var(--c-text-dark); margin: 26px 0 8px; line-height: 1.3; }

/* Baustein: Zwei Spalten „eher A / eher B“ — ohne Kästen, mit Trennlinie */
.w-split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 26px 0 8px; }
.w-split > div { padding: 4px 26px 4px 0; }
.w-split > div + div { padding: 4px 0 4px 26px; border-left: 1px solid var(--c-line); }
.w-split strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 18px; color: var(--c-text-dark); margin-bottom: 14px; }
.w-split ul { list-style: none; display: grid; gap: 10px; }
.w-split li { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 10px; font-size: 15.5px; line-height: 1.5; color: var(--c-text); }
.w-split li::before { content: ""; width: 22px; height: 22px; border-radius: 50%; margin-top: 1px; background: rgba(var(--mint-rgb),.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317253F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat; }
.w-split > div + div li::before { background: rgba(var(--cool-rgb),.4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317253F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/12px no-repeat; }

/* Baustein: Signal-Liste mit Symbolen */
.w-signals { list-style: none; display: grid; gap: 14px; margin: 22px 0 6px; }
.w-signals li { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 14px; align-items: center; font-size: 16px; line-height: 1.5; color: var(--c-text-dark); }
.w-signals svg { width: 44px; height: 44px; padding: 11px; border-radius: 14px; background: rgba(var(--gold-rgb),.55); color: var(--c-text-dark); }

/* Baustein: Zitat / zugespitzter Satz */
.w-quote { position: relative; margin: 32px 0; padding: 4px 0 4px 34px; font-family: var(--serif); font-style: italic; font-size: clamp(21px,2.1vw,26px); line-height: 1.4; color: var(--c-text-dark); }
.w-quote::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 5px; border-radius: 3px; background: var(--gold); }

/* Baustein: Verwechslungen als „nicht … sondern …“-Paare */
.w-mixups { display: grid; gap: 18px; margin: 22px 0 4px; }
.w-mixup { display: grid; grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr); gap: 12px; align-items: center; }
.w-mixup .is-a, .w-mixup .is-b { padding: 14px 16px; border-radius: 14px; font-size: 15px; line-height: 1.45; }
.w-mixup .is-a { background: rgba(var(--navy-rgb),.05); color: var(--c-text-muted); text-decoration: line-through; text-decoration-color: rgba(var(--coral-rgb),.9); text-decoration-thickness: 2px; }
.w-mixup .is-b { background: rgba(var(--gold-rgb),.5); color: var(--c-text-dark); font-weight: 500; }
.w-mixup i { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1px solid var(--c-line); display: flex; align-items: center; justify-content: center; font-style: normal; color: var(--c-text-dark); }
.w-mixup + p { margin-top: 4px; }
.w-mixup-note { font-size: 15.5px; line-height: 1.65; color: var(--c-text); margin: -6px 0 6px; }

/* Baustein: Crew-Up-Modell */
.w-model { margin: 28px 0; padding: clamp(22px,3vw,32px); border-radius: 20px; background: linear-gradient(140deg, rgba(var(--gold-rgb),.62) 0%, rgba(var(--gold-rgb),.28) 60%, rgba(255,255,255,.6) 100%); }
.w-model > span { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; color: var(--c-text-dark); margin-bottom: 8px; }
.w-model h3 { margin-top: 0 !important; }
.w-model p { font-size: 16px; line-height: 1.7; color: var(--c-text-dark); }
.w-model p + p { margin-top: 12px; }

/* Baustein: nummerierte Schritte an einer Linie */
.w-steps { list-style: none; margin: 24px 0 8px; position: relative; }
.w-steps::before { content: ""; position: absolute; left: 19px; top: 18px; bottom: 18px; width: 2px; background: repeating-linear-gradient(to bottom, rgba(var(--navy-rgb),.25) 0 5px, transparent 5px 10px); }
.w-steps li { position: relative; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 16px; padding-bottom: 20px; }
.w-steps li:last-child { padding-bottom: 0; }
.w-steps b { width: 40px; height: 40px; border-radius: 50%; background: var(--gold); color: var(--c-text-dark); display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 16px; position: relative; z-index: 1; box-shadow: 0 0 0 5px var(--c-surface); }
.w-steps strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 18px; color: var(--c-text-dark); margin: 7px 0 3px; }
.w-steps p { font-size: 15.5px; line-height: 1.6; color: var(--c-text); }

/* Baustein: Praxisbeobachtung als Notizzettel */
.w-note { position: relative; margin: 26px 0 6px; padding: 26px 26px 22px; background: #fff; border-radius: 4px 18px 18px 18px; box-shadow: 0 20px 40px -32px rgba(var(--navy-rgb),.5); transform: rotate(-.4deg); }
.w-note::before { content: ""; position: absolute; top: -10px; left: 26px; width: 74px; height: 20px; background: rgba(var(--gold-rgb),.85); transform: rotate(-3deg); border-radius: 2px; }
.w-note > span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; color: var(--c-text-muted); font-weight: 700; margin-bottom: 8px; }
.w-note p { font-size: 16px; line-height: 1.7; color: var(--c-text-dark); }
.w-note p + p { margin-top: 10px; }

/* Baustein: Vergleichstabelle */
.w-table-wrap { margin: 24px 0 8px; overflow-x: auto; }
.w-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; line-height: 1.5; min-width: 520px; }
.w-table th, .w-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--c-line); }
.w-table thead td { border-bottom: 2px solid var(--c-text-dark); }
.w-table thead th { font-family: var(--serif); font-weight: 500; font-size: 17px; color: var(--c-text-dark); border-bottom: 2px solid var(--c-text-dark); }
.w-table tbody th { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: var(--c-text-muted); font-weight: 700; width: 24%; }
.w-table td { color: var(--c-text-dark); }
.w-table tr > :nth-child(3) { background: rgba(var(--gold-rgb),.22); }

/* ── Mini-Check (interaktiv): Ja/Nein-Fragen → Einordnung ── */
.w-check { margin: 30px 0 8px; border-radius: 22px; background: var(--c-text-dark); color: #fff; padding: clamp(24px,3.4vw,36px); position: relative; overflow: hidden; }
.w-check::after { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 50%; background: rgba(var(--gold-rgb),.16); }
.w-check > span { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; color: var(--gold); margin-bottom: 8px; }
.w-check h3 { font-family: var(--serif); font-weight: 500; font-size: 22px; color: #fff; margin: 0 0 18px !important; position: relative; z-index: 1; }
.w-check ol { list-style: none; display: grid; gap: 12px; position: relative; z-index: 1; }
.w-check li { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.12); }
.w-check li p { font-size: 15.5px; line-height: 1.5; color: rgba(255,255,255,.9); }
.w-check-btns { display: inline-flex; gap: 6px; }
.w-check-btns button { font: inherit; font-size: 13.5px; font-weight: 600; padding: 8px 14px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.3); background: transparent; color: #fff; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.w-check-btns button:hover { border-color: var(--gold); }
.w-check-btns button[aria-pressed="true"] { background: var(--gold); border-color: var(--gold); color: var(--c-text-dark); }
.w-check-out { position: relative; z-index: 1; margin-top: 18px; padding: 18px 20px; border-radius: 14px; background: rgba(255,255,255,.08); font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.92); min-height: 58px; }
.w-check-out strong { color: #fff; font-weight: 600; }
.w-prose .w-check-out a, .w-check-out a { color: var(--gold); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.w-prose .w-check-out a:hover, .w-check-out a:hover { color: #fff; text-decoration-color: #fff; }
.w-check-out .is-wait { color: rgba(255,255,255,.55); }
.w-check-out.is-new { animation: wPop .45s cubic-bezier(.34,1.56,.64,1); }
@keyframes wPop { from { transform: scale(.97); opacity: .4; } to { transform: none; opacity: 1; } }
.w-nojs-only { display: none; }
html:not(.w-js) .w-check-btns { display: none; }
html:not(.w-js) .w-nojs-only { display: block; }

/* FAQ */
.a-faq { margin-top: clamp(44px,5vw,64px); }
.a-faq h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(24px,2.4vw,30px); color: var(--c-text-dark); margin-bottom: 14px; }
.a-faq details { border-top: 1px solid var(--c-line); }
.a-faq details:last-of-type { border-bottom: 1px solid var(--c-line); }
.a-faq summary { list-style: none; cursor: pointer; padding: 18px 40px 18px 0; position: relative; font-family: var(--serif); font-size: 18px; color: var(--c-text-dark); line-height: 1.4; }
.a-faq summary::-webkit-details-marker { display: none; }
.a-faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: rgba(var(--gold-rgb),.7); display: flex; align-items: center; justify-content: center; font-family: var(--sans); font-size: 18px; transition: transform .25s; }
.a-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.a-faq details p { padding: 0 0 18px; font-size: 16px; line-height: 1.7; color: var(--c-text); }

/* Autor + Quellen */
.a-author-box { margin-top: clamp(44px,5vw,64px); display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 20px; align-items: center; padding: 24px 0; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.a-author-box img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; box-shadow: 0 0 0 5px rgba(var(--gold-rgb),.7); }
.a-author-box strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 18px; color: var(--c-text-dark); }
.a-author-box p { font-size: 14.5px; line-height: 1.6; color: var(--c-text); margin-top: 4px; }
.a-sources { margin-top: 28px; font-size: 13.5px; line-height: 1.6; color: var(--c-text-muted); }
.a-sources strong { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; color: var(--c-text-dark); margin-bottom: 10px; }
.a-sources ol { padding-left: 20px; display: grid; gap: 8px; }
.a-sources a { color: var(--c-text); text-decoration: underline; text-underline-offset: 2px; word-break: break-word; }
.a-dates { margin-top: 18px; font-size: 12.5px; color: var(--c-text-muted); }

/* Weiterlesen + passendes Angebot */
.a-next { max-width: var(--container); margin: clamp(56px,7vw,92px) auto 0; padding: 0 var(--pad-x); }
.a-next-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 24px; }
.a-next-head h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(25px,2.6vw,32px); color: var(--c-text-dark); }
.a-next-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) minmax(0,1.1fr); gap: 18px; }
.w-card { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 20px 20px 22px; border-radius: 18px; background: #fff; color: var(--c-text-dark); transition: transform .25s, box-shadow .25s; box-shadow: 0 1px 0 rgba(var(--navy-rgb),.06); }
.w-card:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -28px rgba(var(--navy-rgb),.5); color: var(--c-text-dark); }
.w-card-ico { width: 64px; height: 64px; border-radius: 50%; background: radial-gradient(circle at 38% 34%, #fff 0%, rgba(var(--gold-rgb),.9) 70%); display: flex; align-items: center; justify-content: center; }
.w-card-ico svg { width: 56px; height: 56px; overflow: visible; }
.w-card-ico .mo { stroke-width: 3.6; }
.w-card small { font-size: 11.5px; text-transform: uppercase; letter-spacing: .12em; color: var(--c-text-muted); font-weight: 700; }
.w-card strong { font-family: var(--serif); font-weight: 500; font-size: 18px; line-height: 1.3; }
.w-card p { font-size: 14px; line-height: 1.55; color: var(--c-text); }
.w-card em { margin-top: auto; font-style: normal; font-size: 13px; font-weight: 600; color: var(--c-text-dark); }
.w-card em::after { content: " →"; transition: margin .2s; }
.w-card:hover em::after { margin-left: 4px; }
.w-offer { display: flex; flex-direction: column; gap: 10px; padding: 24px; border-radius: 18px; color: var(--c-text-dark); background: linear-gradient(160deg, rgba(var(--x-rgb),.38) 0%, rgba(var(--x-rgb),.12) 100%); border-top: 5px solid var(--x); transition: transform .25s; }
.w-offer:hover { transform: translateY(-4px); color: var(--c-text-dark); }
.w-offer small { font-size: 11.5px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: var(--c-text-dark); opacity: .7; }
.w-offer strong { font-family: var(--serif); font-weight: 500; font-size: 22px; line-height: 1.25; }
.w-offer p { font-size: 14.5px; line-height: 1.55; }
.w-offer em { margin-top: auto; font-style: normal; font-weight: 600; font-size: 14px; }
.w-offer[data-x="connect"] { --x: #F5A999; --x-rgb: 245,169,153; }
.w-offer[data-x="boost"] { --x: #97BAE2; --x-rgb: 151,186,226; }
.w-offer[data-x="klaerung"] { --x: #78C3A7; --x-rgb: 120,195,167; }
.w-offer[data-x="change-map"] { --x: #17253F; --x-rgb: 23,37,63; background: linear-gradient(160deg, rgba(23,37,63,.12) 0%, rgba(23,37,63,.03) 100%); }
.w-offer[data-x="teamcheck"] { --x: #F4DEA0; --x-rgb: 244,222,160; }
.a-tc { margin-top: clamp(56px,7vw,92px); }

/* ── Hub ── */
.h-hero { padding: calc(68px + 56px) 0 clamp(40px,5vw,64px); position: relative; overflow: hidden; }
.h-hero::before { content: ""; position: absolute; right: -12vw; top: -14vw; width: 52vw; height: 52vw; max-width: 760px; max-height: 760px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, rgba(var(--gold-rgb),.95) 0%, rgba(var(--gold-rgb),.45) 55%, rgba(var(--gold-rgb),0) 72%); pointer-events: none; }
.h-hero .container { position: relative; }
.h-hero h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(36px,5vw,62px); line-height: 1.06; letter-spacing: -.015em; color: var(--c-text-dark); max-width: 820px; margin: 14px 0 20px; }
.h-hero .lead { font-size: clamp(17px,1.5vw,19.5px); line-height: 1.65; color: var(--c-text); max-width: 640px; }
.h-situ { margin-top: clamp(30px,4vw,44px); }
.h-situ > p { font-size: 12px; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; color: var(--c-text-dark); margin-bottom: 14px; }
.h-situ-list { display: flex; flex-wrap: wrap; gap: 10px; }
.h-situ-list a, .h-situ-list button { font: inherit; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px; background: #fff; border: 1.5px solid rgba(var(--navy-rgb),.12); color: var(--c-text-dark); font-family: var(--serif); font-style: italic; font-size: 16px; transition: border-color .2s, background .2s, transform .2s; }
.h-situ-list a:hover, .h-situ-list button:hover { border-color: var(--c-text-dark); transform: translateY(-2px); color: var(--c-text-dark); }
.h-situ-list [aria-pressed="true"] { background: var(--c-text-dark); color: #fff; border-color: var(--c-text-dark); }
.h-situ-hint { margin-top: 14px; font-size: 14px; color: var(--c-text-muted); min-height: 22px; }
.h-situ-hint a { color: var(--c-text-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.h-feature { max-width: var(--container); margin: 0 auto; padding: 0 var(--pad-x); }
.h-feature a { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 32px; align-items: center; padding: clamp(24px,4vw,44px); border-radius: 26px; background: var(--c-text-dark); color: #fff; position: relative; overflow: hidden; transition: transform .3s; }
.h-feature a:hover { transform: translateY(-3px); color: #fff; }
.h-feature small { font-size: 11.5px; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; color: var(--gold); }
.h-feature strong { display: block; font-family: var(--serif); font-weight: 500; font-size: clamp(24px,3vw,36px); line-height: 1.18; margin: 10px 0 12px; }
.h-feature p { color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.6; max-width: 560px; }
.h-feature em { display: inline-block; margin-top: 18px; font-style: normal; font-weight: 600; color: var(--gold); }
.h-feature .a-motif { max-width: 260px; }
.h-feature .mo { stroke: var(--c-text-dark); }
.h-worlds { max-width: var(--container); margin: 0 auto; padding: clamp(48px,6vw,80px) var(--pad-x) 0; }
.h-world { padding: clamp(36px,4vw,52px) 0; border-top: 1px solid var(--c-line); scroll-margin-top: 90px; transition: opacity .3s; }
.h-world-head { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 18px; align-items: center; margin-bottom: 24px; }
.h-world-head .w-card-ico { width: 64px; height: 64px; }
.h-world-head h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(25px,2.6vw,32px); color: var(--c-text-dark); line-height: 1.2; }
.h-world-head p { font-size: 15.5px; color: var(--c-text); margin-top: 2px; }
.h-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.h-cards .w-card { transition: transform .25s, box-shadow .25s, opacity .3s, outline-color .3s; outline: 2px solid transparent; outline-offset: 3px; }
.h-cards .w-card.is-dim { opacity: .35; }
.h-cards .w-card.is-hit { outline-color: var(--c-text-dark); }
.w-new { position: absolute; top: 16px; right: 16px; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 9px; border-radius: 999px; background: var(--gold); color: var(--c-text-dark); }

@media (max-width: 1020px) {
  .a-next-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .h-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .a-hero-grid { grid-template-columns: minmax(0,1fr); }
  .a-motif { max-width: 220px; justify-self: start; order: -1; }
  .a-answer-card { grid-template-columns: minmax(0,1fr); }
  .a-layout { grid-template-columns: minmax(0,1fr); }
  .a-toc { display: none; }
  .a-toc-mobile { display: block; }
  .h-feature a { grid-template-columns: minmax(0,1fr); }
  .h-feature .a-motif { display: none; }
}
@media (max-width: 640px) {
  .a-hero { padding-top: calc(68px + 24px); }
  .a-motif { max-width: 150px; }
  .w-split { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .w-split > div, .w-split > div + div { padding: 0; border: 0; }
  .w-split > div + div { padding-top: 22px; border-top: 1px solid var(--c-line); }
  .w-mixup { grid-template-columns: minmax(0,1fr); gap: 6px; }
  .w-mixup i { transform: rotate(90deg); justify-self: center; }
  .w-check li { grid-template-columns: minmax(0,1fr); }
  .a-next-grid, .h-cards { grid-template-columns: minmax(0,1fr); }
  .a-author-box { grid-template-columns: 60px minmax(0,1fr); }
  .a-author-box img { width: 60px; height: 60px; }
}

/* ── Signature: Tragweiten-Regler (Reicht ein Teamtag?) ── */
.sig-label { font-size: 13px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: var(--c-text-dark); margin-bottom: 16px; }
.sig-regler { margin: 26px 0 12px; padding: clamp(22px,3vw,32px); border-radius: 22px; background: #fff; box-shadow: 0 20px 44px -36px rgba(var(--navy-rgb),.5); --v: 0; }
.sig-regler input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 10px; border-radius: 999px; outline: none; cursor: pointer;
  background: linear-gradient(90deg, var(--gold) 0%, var(--gold) calc(var(--v) * 100%), rgba(var(--navy-rgb),.1) calc(var(--v) * 100%)); }
.sig-regler input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; border-radius: 50%; background: var(--c-text-dark); border: 5px solid #fff; box-shadow: 0 4px 14px rgba(var(--navy-rgb),.35); }
.sig-regler input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--c-text-dark); border: 5px solid #fff; box-shadow: 0 4px 14px rgba(var(--navy-rgb),.35); }
.sig-regler input[type="range"]:focus-visible::-webkit-slider-thumb { outline: 3px solid var(--gold); }
.sig-regler-marks { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 12px 0 18px; font-size: 12.5px; line-height: 1.35; color: var(--c-text-muted); }
.sig-regler-marks li { transition: color .3s; }
.sig-regler-marks li:nth-child(2), .sig-regler-marks li:nth-child(3) { text-align: center; }
.sig-regler-marks li:last-child { text-align: right; }
.sig-regler-marks li.is-on { color: var(--c-text-dark); font-weight: 600; }
.sig-regler-out > div { padding: 18px 20px; border-radius: 14px; background: rgba(var(--gold-rgb),.35); animation: wPop .4s cubic-bezier(.34,1.56,.64,1); }
.sig-regler-out strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 19px; color: var(--c-text-dark); margin-bottom: 4px; }
.sig-regler-out p { font-size: 15.5px; line-height: 1.6; color: var(--c-text-dark); margin: 0 !important; }
.sig-regler:not(.is-live) input, .sig-regler:not(.is-live) .sig-regler-marks, .sig-regler:not(.is-live) .sig-label { display: none; }
.sig-regler:not(.is-live) .sig-regler-out > div { display: block !important; margin-bottom: 10px; }
.sig-regler:not(.is-live) .sig-regler-out > div[hidden] { display: block !important; }

/* Gemeinsames für Signature-Elemente */
.sig-box, .sig-matrix, .sig-glasl, .sig-sort, .sig-rate, .sig-role, .sig-juggle, .sig-wd, .sig-spec, .sig-phase, .sig-ice, .sig-pyr, .sig-line, .sig-year {
  margin: 26px 0 12px; padding: clamp(20px,3vw,30px); border-radius: 22px; background: #fff; box-shadow: 0 20px 44px -36px rgba(var(--navy-rgb),.5); }
[data-panel].is-new { animation: wPop .4s cubic-bezier(.34,1.56,.64,1); }
[data-sig-tabs]:not(.is-live) [data-panel] { display: block !important; margin-bottom: 12px; }
[data-sig-tabs]:not(.is-live) [data-panel][hidden] { display: block !important; }
.is-wait { color: var(--c-text-muted); }

/* Tragweiten-Matrix */
.sig-matrix-grid { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 30px 0 30px 30px; }
.sig-matrix .q { font: inherit; cursor: pointer; aspect-ratio: 2.2; border: 0; border-radius: 14px; background: rgba(var(--gold-rgb),.25); color: var(--c-text-dark); display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; transition: background .25s, transform .25s; }
.sig-matrix .q b { font-family: var(--serif); font-weight: 500; font-size: 17px; }
.sig-matrix .q-a { background: rgba(var(--mint-rgb),.25); } .sig-matrix .q-b { background: rgba(var(--cool-rgb),.25); }
.sig-matrix .q-c { background: rgba(var(--coral-rgb),.22); } .sig-matrix .q-d { background: rgba(var(--navy-rgb),.08); }
.sig-matrix .q.is-on { transform: scale(1.03); box-shadow: inset 0 0 0 2px var(--c-text-dark); }
.sig-matrix .q-a.is-on { background: rgba(var(--mint-rgb),.55); } .sig-matrix .q-b.is-on { background: rgba(var(--cool-rgb),.55); }
.sig-matrix .q-c.is-on { background: rgba(var(--coral-rgb),.5); } .sig-matrix .q-d.is-on { background: rgba(var(--navy-rgb),.16); }
.sig-ax { position: absolute; font-size: 11.5px; color: var(--c-text-muted); font-weight: 600; letter-spacing: .02em; }
.sig-ax-left { bottom: 6px; left: 30px; } .sig-ax-right { bottom: 6px; right: 0; }
.sig-ax-top { top: 30px; left: 0; writing-mode: vertical-rl; transform: rotate(180deg); }
.sig-ax-bottom { bottom: 30px; left: 0; writing-mode: vertical-rl; transform: rotate(180deg); }
.sig-axis { position: absolute; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: var(--c-text-dark); }
.sig-axis-x { top: 4px; left: 30px; } .sig-axis-y { display: none; }
.sig-matrix-out > div, .sig-glasl-out > div, .sig-spec-out > div, .sig-phase-out > div, .sig-ice-out > div, .sig-pyr-out > div { padding: 18px 20px; border-radius: 14px; background: rgba(var(--gold-rgb),.32); }
.sig-matrix-out strong, .sig-glasl-out strong, .sig-spec-out strong, .sig-phase-out strong, .sig-ice-out strong, .sig-pyr-out strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 19px; color: var(--c-text-dark); margin-bottom: 4px; }
.sig-matrix-out p, .sig-glasl-out p, .sig-phase-out p, .sig-ice-out p, .sig-pyr-out p { font-size: 15.5px; line-height: 1.6; color: var(--c-text-dark); margin: 0 !important; }
.sig-glasl-out p + p, .sig-phase-out p + p, .sig-pyr-out p + p { margin-top: 8px !important; }

/* Glasl-Treppe: neun Stufen abwärts */
.sig-glasl-steps { display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); gap: 4px; align-items: start; height: 230px; }
.sig-glasl .st { font: inherit; cursor: pointer; border: 0; border-radius: 8px 8px 4px 4px; margin-top: calc((var(--n) - 1) * 18px); height: calc(100% - (var(--n) - 1) * 18px); padding: 10px 4px; display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--c-text-dark); transition: transform .25s, filter .25s; }
.sig-glasl .st b { width: 28px; height: 28px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 14px; }
.sig-glasl .st span { font-size: 10.5px; line-height: 1.25; text-align: center; hyphens: auto; -webkit-hyphens: auto; max-width: 100%; }
.sig-glasl .st-ww { background: rgba(var(--mint-rgb),.45); } .sig-glasl .st-wl { background: rgba(var(--gold-rgb),.9); } .sig-glasl .st-ll { background: rgba(var(--coral-rgb),.6); }
.sig-glasl .st.is-on { transform: translateY(-6px); box-shadow: 0 0 0 2px var(--c-text-dark); }
.sig-glasl-legend { display: flex; gap: 18px; margin: 12px 0 16px; font-size: 12.5px; color: var(--c-text-muted); }
.sig-glasl-legend span::before { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.sig-glasl-legend .ww::before { background: rgba(var(--mint-rgb),.6); } .sig-glasl-legend .wl::before { background: var(--gold); } .sig-glasl-legend .ll::before { background: rgba(var(--coral-rgb),.75); }
.sig-glasl-out small, .sig-ice-out small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: var(--c-text-muted); margin-bottom: 4px; }
.sig-glasl-help em, .sig-phase-help em { font-style: normal; font-weight: 600; }

/* Satz-Sortierer */
.sig-sort-pool { display: flex; flex-wrap: wrap; gap: 8px; min-height: 10px; margin-bottom: 16px; }
.sig-sort button { font: inherit; cursor: pointer; text-align: left; padding: 10px 14px; border-radius: 14px 14px 14px 4px; border: 1.5px solid rgba(var(--navy-rgb),.14); background: #fff; font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--c-text-dark); line-height: 1.35; transition: border-color .2s, transform .2s; }
.sig-sort button:hover { border-color: var(--c-text-dark); transform: translateY(-2px); }
.sig-sort button.is-sorted { cursor: default; transform: none; border-color: transparent; }
.sig-sort-bins { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.sig-sort-bins > div { border-radius: 16px; padding: 14px; min-height: 120px; }
.sig-sort-bins > div:first-child { background: rgba(var(--coral-rgb),.16); }
.sig-sort-bins > div:last-child { background: rgba(var(--cool-rgb),.2); }
.sig-sort-bins strong { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: var(--c-text-dark); margin-bottom: 10px; }
.sig-sort-bins [data-bin-list] { display: grid; gap: 8px; }
.sig-sort-out { margin-top: 14px; font-size: 15px; line-height: 1.6; color: var(--c-text-dark); min-height: 24px; }
.sig-sort:not(.is-live) .sig-sort-bins { display: none; }

/* Selbsteinschätzung */
.sig-rate ol { list-style: none; display: grid; gap: 4px; }
.sig-rate li { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--c-line); }
.sig-rate li strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 17px; color: var(--c-text-dark); }
.sig-rate li span { font-size: 14px; color: var(--c-text); }
.sig-rate-btns { display: inline-flex; gap: 4px; background: rgba(var(--navy-rgb),.05); padding: 4px; border-radius: 999px; }
.sig-rate-btns button { font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; border: 0; background: transparent; padding: 7px 12px; border-radius: 999px; color: var(--c-text); }
.sig-rate-btns button[aria-pressed="true"][data-v="1"] { background: var(--c-accent); color: var(--c-text-dark); }
.sig-rate-btns button[aria-pressed="true"][data-v="2"] { background: var(--gold); color: var(--c-text-dark); }
.sig-rate-btns button[aria-pressed="true"][data-v="3"] { background: var(--c-mint); color: var(--c-text-dark); }
.sig-rate-out { margin-top: 14px; padding: 14px 16px; border-radius: 14px; background: rgba(var(--gold-rgb),.32); font-size: 15px; line-height: 1.6; color: var(--c-text-dark); }
.sig-rate-out.is-new { animation: wPop .4s cubic-bezier(.34,1.56,.64,1); }
html:not(.w-js) .sig-rate-btns, html:not(.w-js) .sig-rate-out { display: none; }

/* Rollenkarte zum Umdrehen */
.sig-role-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.sig-flip { font: inherit; cursor: pointer; border: 0; background: none; padding: 0; perspective: 900px; min-height: 150px; position: relative; text-align: left; }
.sig-flip .f, .sig-flip .r { position: absolute; inset: 0; border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 6px; backface-visibility: hidden; transition: transform .6s cubic-bezier(.4,.2,.2,1); }
.sig-flip .f { background: rgba(var(--gold-rgb),.45); }
.sig-flip .r { background: var(--c-text-dark); color: #fff; transform: rotateY(180deg); }
.sig-flip[aria-pressed="true"] .f { transform: rotateY(-180deg); }
.sig-flip[aria-pressed="true"] .r { transform: rotateY(0); }
.sig-flip b { font-size: 11px; letter-spacing: .1em; color: var(--c-text-muted); }
.sig-flip strong { font-family: var(--serif); font-weight: 500; font-size: 19px; color: inherit; }
.sig-flip .f strong { color: var(--c-text-dark); }
.sig-flip em { font-style: normal; font-size: 14.5px; line-height: 1.5; }
.sig-flip .f em { color: var(--c-text-dark); }
.sig-flip .f::after { content: "↻ umdrehen"; margin-top: auto; font-size: 12px; font-weight: 600; color: var(--c-text-dark); opacity: .6; }
html:not(.w-js) .sig-flip .r { position: static; transform: none; margin-top: 8px; }
html:not(.w-js) .sig-flip .f { position: static; }

/* Jonglage: stillschweigend ↔ bewusst */
.sig-juggle-switch { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(var(--navy-rgb),.06); margin-bottom: 10px; }
.sig-juggle-switch button { font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; border: 0; background: transparent; padding: 8px 16px; border-radius: 999px; color: var(--c-text); }
.sig-juggle-switch button[aria-pressed="true"] { background: var(--c-text-dark); color: #fff; }
.sig-juggle svg { width: 100%; height: auto; display: block; overflow: visible; }
.sig-juggle .sig-p circle, .sig-juggle .sig-p path { fill: none; stroke: var(--c-text-dark); stroke-width: 2.4; }
.sig-juggle .b { transition: transform .8s cubic-bezier(.34,1.3,.64,1); stroke: var(--c-text-dark); stroke-width: 2; }
.sig-juggle .b1, .sig-juggle .b4 { fill: var(--c-accent); } .sig-juggle .b2, .sig-juggle .b5 { fill: var(--c-mint); } .sig-juggle .b3, .sig-juggle .b6 { fill: var(--c-cool); }
[data-now="still"] .b1 { transform: translate(40px,40px); } [data-now="still"] .b2 { transform: translate(70px,18px); } [data-now="still"] .b3 { transform: translate(100px,40px); }
[data-now="still"] .b4 { transform: translate(52px,80px); } [data-now="still"] .b5 { transform: translate(88px,80px); } [data-now="still"] .b6 { transform: translate(70px,104px); }
[data-now="bewusst"] .b1 { transform: translate(56px,96px); } [data-now="bewusst"] .b2 { transform: translate(84px,96px); } [data-now="bewusst"] .b3 { transform: translate(196px,98px); }
[data-now="bewusst"] .b4 { transform: translate(322px,98px); } [data-now="bewusst"] .b5 { transform: translate(434px,96px); } [data-now="bewusst"] .b6 { transform: translate(462px,96px); }
[data-now="still"] .sig-p:first-child path { stroke: var(--c-accent-h); stroke-width: 3.4; }
.sig-backup { fill: none; stroke: rgba(var(--navy-rgb),.4); stroke-width: 2; stroke-dasharray: 5 6; opacity: 0; transition: opacity .6s .3s; }
[data-now="bewusst"] .sig-backup { opacity: 1; }
.sig-juggle-cap { font-size: 15px; line-height: 1.55; color: var(--c-text-dark); margin-top: 8px; }
[data-now="still"] .is-bewusst, [data-now="bewusst"] .is-still { display: none; }
@media (prefers-reduced-motion: reduce) { .sig-juggle .b { transition: none; } }

/* Wenn-dann-Baukasten */
.sig-wd-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.sig-wd label span { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--c-text-muted); margin-bottom: 6px; }
.sig-wd select { width: 100%; font: inherit; font-size: 15px; padding: 11px 12px; border-radius: 12px; border: 1.5px solid rgba(var(--navy-rgb),.16); background: #fff; color: var(--c-text-dark); }
.sig-wd select:focus { outline: 2px solid var(--gold); border-color: var(--c-text-dark); }
.sig-wd-out { margin-top: 16px; padding: 18px 20px; border-radius: 14px; background: rgba(var(--gold-rgb),.4); font-family: var(--serif); font-size: 19px; line-height: 1.45; color: var(--c-text-dark); min-height: 60px; }
.sig-wd-out span { font-family: var(--sans); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; background: var(--c-text-dark); color: #fff; padding: 3px 8px; border-radius: 6px; vertical-align: 3px; }
.sig-wd-out.is-new { animation: wPop .4s cubic-bezier(.34,1.56,.64,1); }
.sig-wd-note { margin-top: 10px; font-size: 13.5px; color: var(--c-text-muted); line-height: 1.55; }

/* Spektrum Event → Entwicklung */
.sig-spec-line { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 6px 0 4px; }
.sig-spec-line::before { content: ""; position: absolute; left: 12.5%; right: 12.5%; top: 17px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, rgba(var(--coral-rgb),.8), var(--gold), rgba(var(--cool-rgb),.9), var(--c-mint)); }
.sig-spec-line button { font: inherit; cursor: pointer; border: 0; background: none; display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; padding: 0 4px; color: var(--c-text-muted); }
.sig-spec-line i { width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 3px solid rgba(var(--navy-rgb),.18); transition: transform .25s, border-color .25s, background .25s; }
.sig-spec-line span { font-family: var(--serif); font-size: 16px; text-align: center; max-width: 100%; overflow-wrap: break-word; }
.sig-spec-line button.is-on { color: var(--c-text-dark); }
.sig-spec-line button.is-on i { border-color: var(--c-text-dark); background: var(--gold); transform: scale(1.12); }
.sig-spec-scale { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--c-text-muted); margin: 6px 0 14px; padding: 0 2%; }
.sig-spec-out dl { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 6px 14px; margin-top: 8px; font-size: 15px; line-height: 1.5; }
.sig-spec-out dt { font-size: 11.5px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--c-text-muted); padding-top: 3px; }
.sig-spec-out dd { color: var(--c-text-dark); }

/* Teamphasen-Kurve */
.sig-phase-chart { position: relative; aspect-ratio: 3 / 1; margin: 0 0 54px; }
.sig-phase-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.sig-phase-base { fill: none; stroke: rgba(var(--navy-rgb),.15); stroke-width: 2; stroke-dasharray: 4 6; vector-effect: non-scaling-stroke; }
.sig-phase-curve { fill: none; stroke: var(--c-text-dark); stroke-width: 3; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.sig-phase-dots button { font: inherit; cursor: pointer; border: 0; background: none; position: absolute; left: var(--x); top: var(--y); transform: translate(-50%,-11px); display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--c-text-muted); z-index: 1; }
.sig-phase-dots span { background: rgba(255,255,255,.92); border-radius: 8px; padding: 2px 6px; }
.sig-phase-dots b { width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 3px solid var(--c-text-dark); transition: transform .25s, background .25s; }
.sig-phase-dots span { font-family: var(--serif); font-size: 15px; white-space: nowrap; text-align: center; line-height: 1.15; }
.sig-phase-dots small { display: block; font-family: var(--sans); font-size: 11px; }
.sig-phase-dots button.is-on { color: var(--c-text-dark); }
.sig-phase-dots button.is-on b { background: var(--gold); transform: scale(1.35); }
.sig-phase-out strong span { font-family: var(--sans); font-size: 14px; color: var(--c-text-muted); font-weight: 600; }

/* Eisberg */
.sig-ice-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 20px; align-items: center; }
.sig-ice-pic { position: relative; }
.sig-ice-pic svg { width: 100%; height: auto; display: block; }
.sig-ice-water { fill: rgba(var(--cool-rgb),.35); }
.sig-ice-wave { fill: none; stroke: var(--c-text-dark); stroke-width: 2; opacity: .5; }
.sig-ice-top, .sig-ice-bottom { stroke: var(--c-text-dark); stroke-width: 2.4; stroke-linejoin: round; transition: fill .3s; }
.sig-ice-top { fill: #fff; } .sig-ice-bottom { fill: rgba(255,255,255,.55); }
.sig-ice[data-active="sache"] .sig-ice-top { fill: var(--gold); }
.sig-ice[data-active="beziehung"] .sig-ice-bottom { fill: rgba(var(--coral-rgb),.75); }
.sig-ice-hot { position: absolute; left: 50%; transform: translateX(-50%); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; padding: 7px 12px; border-radius: 999px; border: 1.5px solid var(--c-text-dark); background: #fff; color: var(--c-text-dark); }
.sig-ice-hot-top { top: 2%; } .sig-ice-hot-bottom { top: 68%; }
.sig-ice-hot.is-on { background: var(--c-text-dark); color: #fff; }
.sig-ice-out ul { margin: 10px 0 0; padding-left: 18px; font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--c-text-dark); }

/* Pyramide (Google-Faktoren) */
.sig-pyr-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; align-items: center; }
.sig-pyr-stack { display: grid; gap: 6px; justify-items: center; }
.sig-pyr-stack button { font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; border: 0; border-radius: 10px; padding: 11px 8px; width: calc(52% + var(--i) * 12%); color: var(--c-text-dark); background: rgba(var(--gold-rgb),.35); transition: background .25s, transform .25s; }
.sig-pyr-stack button:last-child { background: rgba(var(--coral-rgb),.45); }
.sig-pyr-stack button.is-on { background: var(--gold); transform: scale(1.04); box-shadow: 0 0 0 2px var(--c-text-dark); }
.sig-pyr-stack button:last-child.is-on { background: var(--c-accent); }
.sig-pyr-note { font-size: 13.5px !important; color: var(--c-text-muted) !important; }

/* Zeitstrahl Teamtag: senkrecht, Zeitpunkt links */
.sig-line ol { list-style: none; display: grid; gap: 0; position: relative; }
.sig-line ol::before { content: ""; position: absolute; left: calc(118px + 18px); top: 14px; bottom: 14px; width: 3px; border-radius: 2px; background: linear-gradient(180deg, var(--gold) 0 84%, rgba(var(--navy-rgb),.18) 84% 100%); }
.sig-line li { display: grid; grid-template-columns: 118px 38px minmax(0,1fr); gap: 0 16px; align-items: start; padding: 0 0 18px; position: relative; }
.sig-line li:last-child { padding-bottom: 0; }
.sig-line small { grid-column: 1; text-align: right; padding-top: 10px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; color: var(--c-text-muted); }
.sig-line b { grid-column: 2; grid-row: 1 / span 2; width: 38px; height: 38px; border-radius: 50%; background: #fff; border: 3px solid var(--c-text-dark); display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 15px; position: relative; z-index: 1; }
.sig-line li:first-child b, .sig-line li:last-child b { background: var(--gold); }
.sig-line strong { grid-column: 3; grid-row: 1; padding-top: 7px; font-family: var(--serif); font-weight: 500; font-size: 18px; color: var(--c-text-dark); }
.sig-line li p { grid-column: 3; font-size: 15px; line-height: 1.5; color: var(--c-text); margin: 2px 0 0 !important; }
.sig-line-note { margin-top: 16px; font-size: 13px; color: var(--c-text-muted); }
.w-js .sig-line li { opacity: 0; transform: translateX(-10px); transition: opacity .5s ease calc(var(--i) * .1s), transform .5s ease calc(var(--i) * .1s); }
.w-js .sig-line.is-in li { opacity: 1; transform: none; }

/* Kita-Jahr */
.sig-year-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 6px; }
.sig-year-grid > div { text-align: center; }
.sig-year-grid span { display: block; font-size: 12px; font-weight: 700; color: var(--c-text-muted); margin-bottom: 6px; }
.sig-year-grid > div > div { height: 110px; border-radius: 10px; background: rgba(var(--navy-rgb),.04); display: flex; flex-direction: column-reverse; align-items: center; gap: 5px; padding: 8px 0; }
.sig-year i { display: inline-block; width: 16px; height: 16px; border-radius: 50%; }
.d-f { background: rgba(var(--cool-rgb),.9); } .d-k { background: var(--c-mint); } .d-b { background: var(--gold); } .d-t { background: var(--c-accent); box-shadow: 0 0 0 3px rgba(var(--coral-rgb),.35); }
.sig-year-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px; font-size: 13px; color: var(--c-text); }
.sig-year-legend i { width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; }
.sig-year-note { margin-top: 8px; font-size: 12.5px; color: var(--c-text-muted); }
.w-js .sig-year-grid i { transform: scale(0); transition: transform .4s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * .06s); }
.w-js .sig-year.is-in .sig-year-grid i { transform: scale(1); }
.sig-year-grid > div { --i: 0; }

@media (max-width: 760px) {
  .sig-line ol::before { left: 18px; }
  .sig-line li { grid-template-columns: 38px minmax(0,1fr); gap: 0 14px; }
  .sig-line b { grid-column: 1; grid-row: 1 / span 3; }
  .sig-line small { grid-column: 2; grid-row: 1; text-align: left; padding-top: 2px; }
  .sig-line strong { grid-column: 2; grid-row: 2; padding-top: 0; }
  .sig-line li p { grid-column: 2; grid-row: 3; }
  .sig-glasl-steps { grid-template-columns: minmax(0,1fr); height: auto; gap: 4px; }
  .sig-glasl .st { margin: 0 0 0 calc((var(--n) - 1) * 4%); height: auto; flex-direction: row; padding: 8px 10px; border-radius: 10px; }
  .sig-glasl .st span { font-size: 13px; text-align: left; }
  .sig-ice-grid, .sig-pyr-grid { grid-template-columns: minmax(0,1fr); }
  .sig-wd-row, .sig-sort-bins, .sig-role-grid { grid-template-columns: minmax(0,1fr); }
  .sig-spec-line span { font-size: 13px; }
  .sig-spec-out dl { grid-template-columns: minmax(0,1fr); }
  .sig-rate li { grid-template-columns: minmax(0,1fr); }
  .sig-year-grid { gap: 3px; } .sig-year i { width: 11px; height: 11px; }
  .sig-phase-dots span { font-size: 12px; } .sig-phase-dots small { display: none; }
  .sig-matrix .q b { font-size: 14px; }
}
.h-feature .a-motif::before { background: radial-gradient(circle at 38% 34%, #fff 0%, #F4DEA0 62%); }
.h-feature .a-motif::after { border-color: rgba(244,222,160,.35); }

/* Lange Wörter: nie über den Rand laufen (zusätzlich zu den ­-Stellen aus build.py) */
.a-hero h1, .h-hero h1, .w-card strong, .a-body h2, .a-body h3 { overflow-wrap: break-word; hyphens: manual; }
@media (max-width: 420px) { .sig-spec-line span { font-size: 12.5px; } .sig-spec-line button { padding: 0 1px; } }
.footer-social a[hidden] { display: none !important; }

/* Zum Inhalt springen (Tastatur) */
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 14px;border-radius:7px;background:#fff;color:#17253F;font-weight:600;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0);box-shadow:0 8px 24px rgba(23,37,63,.18);outline:2px solid #EC8A76;outline-offset:3px}

.w-table-wrap:focus-visible{outline:2px solid #17253F;outline-offset:4px;border-radius:6px}