/* Konkretes Problem loesen: nur was ueber door-opener/style.css und challenger.css hinausgeht */
.fall-balken{height:6px;border-radius:99px;background:#E4DDF1;overflow:hidden;margin:0 0 1.1rem}
.fall-balken i{display:block;height:100%;width:0;background:var(--purple);transition:width .3s ease}
.frage-nr{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--purple);margin:0}
.frage-text{font-size:1.35rem;margin:.35rem 0 .3rem;line-height:1.3}
.frage-hilfe{margin:0 0 .8rem;font-size:.95rem}
#frageFeld{width:100%;min-height:9rem}
.schritte{list-style:none;padding:0;margin:1.4rem 0;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}
.schritte li{background:var(--lav);border-radius:12px;padding:1rem}
.schritte strong{display:block;color:var(--purple);margin-bottom:.25rem}
.kernsatz{background:#fff;border-left:5px solid var(--gold);border-radius:8px;padding:1.1rem 1.2rem;font-size:1.2rem;font-weight:600;line-height:1.4;margin:1rem 0}
.termin-gold{display:inline-block;background:var(--gold);color:#2D2D2D;text-decoration:none;font-weight:700;padding:.8rem 1.4rem;border-radius:8px}
#gateForm select{width:100%}
[hidden]{display:none!important}
@media (max-width:640px){.schritte{grid-template-columns:1fr}.frage-text{font-size:1.2rem}}
@media (prefers-reduced-motion:reduce){.fall-balken i{transition:none}}
#start .hero{display:block}