/* Körperkarte · Bewegig – Formen von anamnese.entspannig.ch, Farben von entspannig.ch */
.kk { --kk-fill: rgba(27,47,82,.06); --kk-line: #D4E5F5; --kk-hover: rgba(43,91,168,.22); --kk-on: #2B5BA8; }
@media (prefers-color-scheme: dark) { .kk { --kk-fill: rgba(232,242,251,.06); --kk-line: #2A4170; --kk-hover: rgba(122,174,232,.28); --kk-on: #7AAEE8; } }
.kk-titel { font: 500 clamp(28px, 6vw, 40px)/1.1 "Cormorant Garamond", Georgia, serif; margin: 0; }
.kk-live { font: 500 14px "DM Sans", system-ui, sans-serif; color: var(--kk-on); min-height: 1.5em; margin: 4px 0 12px; }
.kk-figs { display: flex; justify-content: center; gap: clamp(16px, 6vw, 48px); }
.kk-view { margin: 0; text-align: center; }
.kk-svg { width: clamp(120px, 34vw, 180px); height: auto; overflow: visible; }
.kk-view figcaption { font: 500 11px "DM Sans", system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #7A96B8; margin-top: 6px; }
.kz { fill: var(--kk-fill); stroke: var(--kk-line); stroke-width: 1; cursor: pointer; transition: fill .15s ease, stroke .15s ease; }
.kk-svg a:focus { outline: none; }
.kz.is-hover, .kk-svg a:hover .kz, .kk-svg a:focus-visible .kz { fill: var(--kk-hover); stroke: var(--kk-on); stroke-width: 1.4; }
.kz.is-aktiv { fill: var(--kk-on); stroke: var(--kk-on); }
.kk-liste { margin-top: 16px; font: 400 14px "DM Sans", system-ui, sans-serif; }
.kk-liste summary { cursor: pointer; color: #3D5475; }
.kk-liste ul { columns: 2; padding-left: 18px; }
.kk-liste a { color: inherit; }
@media (prefers-reduced-motion: reduce) { .kz { transition: none; } }