/* Ein Wizard, eine Fragenquelle und keine getrennten Mobilvorlagen. */
.wizard-page { display: block !important; min-height: 650px; padding: 100px 24px 80px; color: var(--brand-ink); font-family: var(--brand-font); }
.wizard { max-width: 760px; margin: auto; text-align: center; }
.wizard-progress { font-size: 15px; letter-spacing: .16em; margin: 20px 0; }
.wizard h1 { font: 500 34px/1.35 var(--brand-font); margin: 30px 0; }
.wizard-answers { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 45px 0; }
.wizard-answer { display: block; min-width: 150px; padding: 15px 28px; border: 1px solid var(--brand-ink); border-radius: 10px; color: var(--brand-ink); text-decoration: none; font-size: 13px; transition: background .2s, color .2s; }
.wizard-answer:hover { color: white; background: var(--brand-ink); }
.wizard-notes { font-size: 12px; line-height: 1.6; }
.wizard-back { margin: 25px; border: 0; border-bottom: 1px solid; background: transparent; color: inherit; font: inherit; cursor: pointer; }