/* Der gemeinsame Listenbaustein liegt in styles.css. */
.tool-access { margin: calc(-1 * var(--raum-2)) 0 var(--raum-4); }
.tool-access-form { max-width: 760px; padding: var(--raum-4) 0 var(--raum-2); }
.tool-access-form h2 { margin-bottom: var(--raum-2); font-size: var(--gr-h3); letter-spacing: 0; }
.tool-access-form fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--raum-1) var(--raum-3); margin: 0 0 var(--raum-3); padding: 0; border: 0; }
.tool-access-form label { min-height: 44px; display: flex; align-items: center; gap: var(--raum-2); cursor: pointer; }
.tool-access-form input { width: 20px; height: 20px; margin: 0; accent-color: var(--akzent); }
.tool-access-actions { display: flex; flex-wrap: wrap; gap: var(--raum-2); }
.tool-access-email { margin: var(--raum-2) 0 0; color: var(--leise); font-size: var(--gr-s); }
.tool-access-email a:hover { color: var(--akzent); }
.tool-access-message { min-height: 1.55em; margin: var(--raum-2) 0 0; color: var(--akzent); font-weight: 700; }
.tool-access-manual { margin-top: var(--raum-3); }
.tool-access-manual label { min-height: auto; margin-bottom: var(--raum-1); font-weight: 700; cursor: default; }
.tool-access-manual textarea { width: 100%; padding: var(--raum-2); border: 1px solid var(--linie); border-radius: 0; color: var(--tinte); background: var(--karte); font: inherit; line-height: 1.45; resize: vertical; }
.clipboard-helper { position: fixed; top: 0; left: -9999px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 680px) {
  .tool-access-form { padding-top: var(--raum-3); }
  .tool-access-form fieldset { grid-template-columns: 1fr; gap: 0; }
}