/* Zweiklick-Schutz (siehe zweiklick.js): Knopf nach dem ersten Klick „scharf“.
   Doppelte Klasse, damit Hover-Regeln der Module (z. B. .schnellknopf.ok:hover) nicht gewinnen. */
[data-zweiklick] { position: relative; }
[data-zweiklick].scharf.scharf,
[data-zweiklick].scharf.scharf:hover { background: var(--erfolg); color: #fff; border-color: var(--erfolg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--erfolg) 25%, transparent); }
[data-zweiklick].scharf::after {
  content: attr(data-zweiklick-hinweis);
  position: absolute; right: calc(100% + 6px); top: 50%; transform: translateY(-50%);
  white-space: nowrap; pointer-events: none;
  background: var(--erfolg); color: #fff; font-size: .75rem; font-weight: 600; line-height: 1.2;
  padding: .25rem .5rem; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}