.interaction-aids-layer{position:absolute;inset:0;pointer-events:none;z-index:3}
.interaction-marker{position:absolute;width:48px;height:48px;min-width:48px;min-height:48px;padding:10px;border:2px solid #fff;border-radius:50%;background:#165c67;color:#fff;box-shadow:0 2px 7px #102d3b66;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.interaction-marker svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.interaction-marker:hover,.interaction-marker:focus-visible{background:#0d4651;box-shadow:0 0 0 3px #ffc75b,0 3px 8px #102d3b66;outline:none}
.interaction-marker:active{background:#103e49;transform:scale(.95)}
.interaction-marker.is-complete{background:#54766d}
.interaction-check{position:absolute;right:-4px;bottom:-3px;width:20px;height:20px;line-height:17px;border:2px solid #fff;border-radius:50%;background:#2f6947;color:#fff;font-size:13px;font-weight:800;pointer-events:none}
.show-interaction-aids #hotspots .hotspot:is([aria-label="Mit Elena sprechen"],[aria-label="Mit Ralf sprechen"],[aria-label="Mit Marcos sprechen"],[aria-label="Mit Clara sprechen"])::after{display:none}
.interaction-aids-setting{display:flex;align-items:center;gap:12px;margin:18px 0;padding:12px;border:1px solid #aec7c9;border-radius:10px;min-height:48px;font-size:18px;color:#173f4b}
.interaction-aids-setting input{width:24px;height:24px;accent-color:#165c67;flex:none}
@media(prefers-reduced-motion:reduce){.interaction-marker:active{transform:none}}