/* Selbsttest: Ergänzungen zu den Komponenten in assets/css/komponenten.css (ft-test, ft-frage, ft-wahl, ft-ergebnis-*). */
.ft-st-block { margin-bottom: var(--ft-a-7); }
.ft-st-block__titel { font-size: var(--ft-fs-h4); margin: 0 0 var(--ft-a-5); padding-bottom: var(--ft-a-2); border-bottom: 2px solid var(--ft-gelb); }
.ft-st-nr { display: block; font-size: var(--ft-fs-klein); font-weight: var(--ft-gewicht-normal); color: var(--ft-tinte-2); margin-bottom: var(--ft-a-2); }
.ft-st-block__hinweis summary { cursor: pointer; font-weight: var(--ft-gewicht-fett); min-height: var(--ft-ziel-min); display: flex; align-items: center; }
.ft-st-block__hinweis ul { margin: var(--ft-a-3) 0 0; padding-left: 1.2em; }
.ft-ergebnis-block .ft-hinweis ul { margin: var(--ft-a-3) 0 0; padding-left: 1.2em; }
.ft-ergebnis-block .ft-hinweis li { margin-bottom: var(--ft-a-2); }
.ft-selbsttest--js .ft-st-block { margin-bottom: 0; }
.ft-selbsttest--js .ft-st-block__titel, .ft-selbsttest--js .ft-st-nr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ft-selbsttest [hidden] { display: none; }
.ft-frage:focus { outline: none; }
.ft-frage:focus-visible legend { outline: 3px solid var(--ft-fokus); outline-offset: 4px; }
.ft-st-ergebnis h2:focus { outline: none; }

@media print {
  .ft-kopf, .ft-fuss, .ft-brotkrumen, .ft-st-ergebnis .ft-knopfreihe, .ft-sprunglink { display: none; }
  .ft-ergebnis-block { break-inside: avoid; border-width: 1px; }
}