/* What the pictures do not show: real form fields, the open list, the message. Looks like design/soll/src/stil.css. */
input.eingabe { width: 100%; font-family: inherit; color: var(--a24-tinte); appearance: none; -webkit-appearance: none; }
input.eingabe::placeholder { color: var(--a24-grau); opacity: 1; font-size: 15px; }
input.eingabe:focus-visible, .haken input:focus-visible + i, .knopf:focus-visible, .link:focus-visible { outline: 3px solid var(--a24-blau); outline-offset: 2px; }
input.eingabe:disabled { background: var(--a24-tint); color: var(--a24-grau); }
.haken { cursor: pointer; }
.haken input { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; }
.haken input:checked + i { background: var(--a24-rost); border-color: var(--a24-rost); box-shadow: inset 0 0 0 3px var(--a24-weiss); }
input[type=date]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-calendar-picker-indicator { display: none; }
.vorschlag[hidden] { display: none; }
.vorschlag li { cursor: pointer; }
.vorschlag li:hover { background: var(--a24-tint); }
button.knopf { border: 0; width: 100%; cursor: pointer; }
button.knopf:disabled { opacity: .7; cursor: wait; }
.knopf[aria-disabled="true"] { cursor: default; }
.fehler { color: var(--a24-rost); font-size: 14px; font-weight: 600; }
.fehler[hidden] { display: none; }
.fehlt-box .link { cursor: pointer; }

/* Impressum und Datenschutz (src/datenschutz.js): Lesespalte und Luft vor jedem Zwischentitel */
.recht { max-width: 760px; }
.recht h1 { margin-bottom: 24px; }
.recht h2 { margin-top: 36px; margin-bottom: 10px; }
.recht p { max-width: 65ch; }