.datenvertrag { overflow-wrap: anywhere; }
.datenvertrag dl { margin-block: 1rem; }
.datenvertrag dt { margin-block-start: 1rem; font-weight: 600; }
.datenvertrag dd { margin: .25rem 0 0; color: var(--ink-soft); }
.datenvertrag code { white-space: normal; overflow-wrap: anywhere; font-size: .875em; }
.datenvertrag .disclosure { margin-block: .75rem; }
.datenvertrag .disclosure__inhalt { padding: 0 1rem 1rem; }
.datenvertrag .checkline { display: flex; align-items: flex-start; gap: .75rem; padding-block: .75rem; cursor: pointer; }
.datenvertrag .checkline input { flex: 0 0 auto; width: 1.35rem; height: 1.35rem; margin: .15rem 0 0; accent-color: var(--signal); }
.datenvertrag .actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block-start: 1.25rem; }
.datenvertrag .actions :is(.btn, .button) { white-space: normal; text-align: center; }
.datenvertrag summary { min-height: 44px; padding-block: .75rem; cursor: pointer; font-weight: 600; }
.datenvertrag :is(textarea,input[type="date"]) { max-width: 100%; width: 100%; margin-block-start: .4rem; padding: .75rem; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: var(--paper); font: inherit; }
.datenvertrag textarea { resize: vertical; min-height: 6rem; }
.datenvertrag :is(button,a,input,textarea,summary):focus-visible { outline: 3px solid var(--signal); outline-offset: 4px; }
.datenvertrag #zustimmen { scroll-margin-top: 2rem; }