/* „Text kopieren“ an Textbausteinen (16.09.2026) */
.kyb-kopieren {
  display: inline-flex; align-items: center; gap: .55rem; margin-top: var(--s4);
  padding: 8px 14px 8px 11px; border: 0; border-radius: var(--r-btn, 12px); cursor: pointer;
  background: transparent; box-shadow: inset 0 0 0 1px var(--kyb-line);
  font-family: var(--font); font-size: .9rem; font-weight: 600; color: var(--kyb-text-2);
  transition: color var(--t), box-shadow var(--t), background-color var(--t);
}
.kyb-kopieren[hidden] { display: none; }
.kyb-kopieren:hover { color: var(--kyb-white); box-shadow: inset 0 0 0 1px rgba(15, 255, 155, .45); background-color: rgba(15, 255, 155, .06); }
.kyb-kopieren:focus-visible { outline: 2px solid var(--kyb-neon); outline-offset: 2px; }
.kyb-kopieren__ic { fill: none; stroke: var(--kyb-neon); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.kyb-kopieren__haken { opacity: 0; stroke-dasharray: 20; stroke-dashoffset: 20; }
.kyb-kopieren.is-kopiert { color: var(--kyb-white); box-shadow: inset 0 0 0 1px rgba(15, 255, 155, .55); }
.kyb-kopieren.is-kopiert .kyb-kopieren__kopie { opacity: 0; }
.kyb-kopieren.is-kopiert .kyb-kopieren__haken { opacity: 1; stroke-dashoffset: 0; transition: stroke-dashoffset .45s ease; }
.kyb-kopieren__kopie { transition: opacity .2s ease; }
@media (prefers-reduced-motion: reduce) { .kyb-kopieren.is-kopiert .kyb-kopieren__haken { transition: none; } }
