/* Nur Bewegungscheck: Quiz-Buttons ohne Pfeil-Kreis mittig beschriften (globaler .button-Stil hat links mehr Innenabstand für das Icon). */
.quiz-panel .button:not(:has(span[aria-hidden="true"])) { justify-content: center; padding-inline: 22px; text-align: center; }
/* Bewegungscheck auf der Bewegungsprogrammseite: Text und Quiz als eine gemeinsame Karte. */
#bewegungscheck .quiz-card { align-items: center; padding: clamp(1.25rem, 4vw, 3rem); background: #fff; border: 1px solid var(--border); border-top: 3px solid var(--accent-strong); border-radius: calc(var(--radius) - 5px); box-shadow: 0 18px 40px #0f172a12; }
#bewegungscheck .quiz-aside > :last-child { margin-bottom: 0; }
/* Bewegungscheck auf der Bewegungsprogrammseite: Quiz-Karte unter statt neben dem Text. */
#bewegungscheck .quiz-layout { grid-template-columns: 1fr; max-width: none; margin-inline: 0; }

/* Bewegungscheck, Variante A (flächig): heller Bereich, Eckdaten als Chips, weiße Quiz-Karte darunter. */
#bewegungscheck .quiz-facts { display: flex; flex-wrap: wrap; gap: .6rem; list-style: none; padding: 0; margin: 1.25rem 0; }
#bewegungscheck .quiz-facts li { margin: 0; padding: .4rem .9rem; border: 1px solid var(--border); border-radius: 999px; background: #fff; font-size: .95rem; }
#bewegungscheck .quiz-facts li::marker { content: ""; }
#bewegungscheck.quiz-section { background: var(--pale); }
#bewegungscheck .quiz-card { background: transparent; border: 0; box-shadow: none; padding: 0; border-radius: 0; }
#bewegungscheck .quiz-aside { max-width: none; }
#bewegungscheck .quiz-panel { background: #fff; border: 1px solid var(--border); border-radius: 24px; box-shadow: 0 12px 30px #0f172a10; padding: clamp(1.5rem, 4vw, 3rem); }

/* Bewegungscheck-Band: abgerundete Ecken und Seitenabstand wie die übrigen Bänder (Hero, Footer). */
#bewegungscheck.quiz-section { margin-inline: 12px; border-radius: var(--radius); }
@media (max-width: 760px) { #bewegungscheck.quiz-section { margin-inline: 8px; } }

/* Kleinerer Abstand oberhalb des Bewegungscheck-Blocks. */
#bewegungscheck.section { padding-top: clamp(24px, 3vw, 48px); }