/* Umschalt-Check. Nur diese Seite. */
.uc-start h1 { max-width: 16em; }
.uc-liste { margin: 18px 0 0; padding: 0; list-style: none; max-width: 38em; }
.uc-liste li { margin: 0; padding: 10px 0 10px 1.6em; position: relative; }
.uc-liste li::before {
  content: ""; position: absolute; left: 0; top: 1.15em; width: 8px; height: 8px;
  border-radius: 50%; background: var(--accent-light);
}
.ucflow { padding-top: clamp(28px, 4vw, 48px); }
.ucfrage { border: 0; margin: 0; padding: 0; max-width: 40rem; }
.ucfrage legend {
  font-family: var(--font-head); font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.35rem);
  line-height: 1.2; letter-spacing: -.02em; color: var(--ink); padding: 0; margin: 0 0 8px;
}
.ucbereich { margin: 0 0 8px; font-size: var(--small); letter-spacing: .08em; text-transform: uppercase; color: var(--brass-ink); font-weight: 600; }
.uchinweis { margin: 0 0 16px; color: var(--muted); }
.ucantwort {
  display: block; width: 100%; min-height: 48px; margin: 10px 0 0; padding: 14px 16px;
  text-align: left; font: 500 1rem/1.4 var(--font-body); color: var(--ink);
  background: var(--surface); border: 1px solid var(--line); border-radius: 14px; cursor: pointer;
}
.ucantwort:hover, .ucantwort:focus-visible { border-color: var(--accent); outline: none; }
.ucantwort[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-tint); }
.ucback { margin-top: 18px; background: none; border: 0; padding: 8px 0; color: var(--accent-dark); font: 500 1rem/1.4 var(--font-body); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.ucresult { max-width: 44rem; }
.uczahl { font-family: var(--font-head); font-size: clamp(4rem, 8vw, 6.5rem); line-height: .9; letter-spacing: -.03em; margin: 8px 0; font-variant-numeric: tabular-nums; }
.uczahl span { display: block; font-family: var(--font-body); font-size: 1rem; letter-spacing: 0; color: var(--muted); margin-top: 8px; }
.ucbarlist { list-style: none; margin: 28px 0; padding: 0; }
.ucbar { margin: 0 0 12px; }
.ucbar__kopf {
  display: grid; grid-template-columns: 7.5rem 1fr 3rem; gap: 12px; align-items: center;
  width: 100%; min-height: 48px; padding: 8px 0; border: 0; background: none; cursor: pointer; text-align: left;
  font: 600 1rem/1.3 var(--font-body); color: var(--ink);
}
.ucbar__track { display: block; height: 10px; background: var(--line); border-radius: 99px; overflow: hidden; }
.ucbar__fill { display: block; height: 100%; width: 0; background: var(--ink); border-radius: 99px; transition: width .8s ease; }
.ucbar.is-niedrig .ucbar__fill { background: var(--accent); }
.ucbar.is-hoch .ucbar__fill { background: var(--muted); }
.ucbar__zahl { font-variant-numeric: tabular-nums; text-align: right; }
.ucbar__text { padding: 0 0 8px 0; max-width: 40rem; }
.ucbar__stufe { margin: 0 0 6px; font-weight: 600; }
.ucbar__text p { margin: 0 0 8px; }
.uc-next { margin-top: 8px; }
@media (prefers-reduced-motion: reduce) {
  .ucbar__fill { transition: none; }
}
@media (max-width: 560px) {
  .ucbar__kopf { grid-template-columns: 6.2rem 1fr 2.4rem; gap: 8px; font-size: .95rem; }
}