.unterlagen__einleitung { margin: 0 0 14px; color: var(--tinte-2); font-size: var(--klein); line-height: 1.55; }

.unterlagen { display: grid; gap: 14px; }
.unterlagen__feld { padding: 14px 16px; border: 1px dashed var(--linie-stark); border-radius: var(--r-klein); background-color: var(--weiss); }
.unterlagen__feld input[type="file"] { width: 100%; min-height: 44px; font: inherit; font-size: var(--klein); color: var(--tinte-2); }
.unterlagen__feld input[type="file"]::file-selector-button { margin-right: 12px; padding: 10px 16px; border: 1px solid var(--tinte); border-radius: var(--r-klein); background-color: var(--weiss); color: var(--tinte); font: inherit; font-weight: 700; cursor: pointer; }
.unterlagen__feld input[type="file"]:hover::file-selector-button { background-color: var(--hell); }
.unterlagen__feld input[type="file"]:focus-visible { outline: 2px solid var(--tinte); outline-offset: 3px; }
.unterlagen__regeln { margin: 0; font-size: 0.875rem; color: var(--tinte-2); }

.unterlagen-frist { margin: 0 0 16px; padding: 14px 18px; border-left: 4px solid var(--gelb); border-radius: var(--r-klein); background-color: var(--hell); color: var(--tinte); }
.unterlagen-frist__marke { margin: 0 0 4px; font-family: var(--font-display); font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.unterlagen-frist__text { margin: 0; font-weight: 650; line-height: 1.5; }

.unterlagen-box { margin-top: clamp(24px, 4vw, 40px); padding: clamp(20px, 3vw, 32px); border: 1px solid var(--linie); border-radius: var(--r-klein); background-color: var(--weiss); box-shadow: var(--schatten); text-align: left; }
.unterlagen-box h2 { margin: 0 0 10px; font-size: var(--h3); }
.unterlagen-box__stand { margin: 0 0 16px; padding: 0; list-style: none; display: grid; gap: 6px; font-size: var(--klein); }
.unterlagen-box__stand li { padding-left: 18px; position: relative; }
.unterlagen-box__stand li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 9px; height: 2px; background-color: var(--tinte); }
.unterlagen-box__stand .ist-abgelehnt { color: var(--fehler); }
.unterlagen-box form { display: grid; gap: 16px; }
.unterlagen-box .knopf { justify-self: start; }

.unterlagen__gewaehlt { display: block; font-size: 0.875rem; color: var(--tinte-2); overflow-wrap: anywhere; }
.unterlagen__gewaehlt:empty { display: none; }
.unterlagen__hinweis { margin: 0; }
