/* wir-wie-wir-testen: seitenspezifische Styles (aus Inline ausgelagert, 27.10.2026). Gemeinsames gehört in die assets/ad24-*.css. */
/* Formular = interaktiver Block: navy-soft, flach, ohne Rahmen */
.faq .fa a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--navy-line);text-underline-offset:3px;text-decoration-thickness:1.5px}
/* Mini-FAQ (v4-Akkordeon) */

/* ===================== Wie wir testen ===================== */
.steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.band-btn{margin-top:22px}
.rules a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--navy-line);text-underline-offset:3px;text-decoration-thickness:1.5px}
/* Kriterien: graue Kacheln, Gewicht als einzige große Zahl, Balken navy */
.kriterien{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kr{background:var(--bg-2);border-radius:var(--r);padding:20px 20px 18px}
.kr-top{display:flex;align-items:center;gap:12px}
.kr .ki{width:38px;height:38px;border-radius:50%;background:var(--bg);color:var(--navy);display:grid;place-items:center;flex:none}
.kr .ki .i{width:18px;height:18px}
.kr h3{font-size:var(--fs-base);line-height:1.3;flex:1;min-width:0}
.kr .w{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-.02em;white-space:nowrap}
.kr .bar{height:6px;background:var(--bg);border-radius:99px;overflow:hidden;margin:14px 0 12px}
.kr .bar i{display:block;height:100%;background:var(--navy);border-radius:99px}
.kr p{font-size:var(--fs-md);line-height:1.6}
/* Notenskala */
.skala{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sk{background:var(--bg-2);border-radius:var(--r);padding:18px 18px 16px}
.sk .sn{font-size:22px;font-weight:700;color:var(--head);letter-spacing:-.02em;white-space:nowrap}
.sk .sw{display:block;font-size:var(--fs-md);font-weight:600;color:var(--head);text-transform:none;letter-spacing:0;background:none;padding:0;border-radius:0;margin-top:8px}
.sk p{font-size:var(--fs-md);line-height:1.55;margin-top:10px}
#kriterien .hl-box,#noten .hl-box{margin-top:14px}
.hl-box a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--navy-line);text-underline-offset:3px;text-decoration-thickness:1.5px}
@media(max-width:1020px){
  .steps.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kriterien{grid-template-columns:repeat(2,minmax(0,1fr))}
  .skala{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .steps.four,.kriterien,.skala{grid-template-columns:1fr}
  .band-btn{width:100%}
  .sk{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
  .sk p{grid-column:1/-1;margin-top:4px}
  .sk .sw{margin-top:0;justify-self:start}
}