/* Hilfeseite: Schrittliste und FAQ */

/* ---- Tutorial-Schrittliste ------------------------------------------------- */
.help-step-list{list-style:none;margin:12px 0 0;padding:0}
ol.help-step-list{counter-reset:help-step}
.help-step{padding:14px 0;border-bottom:1px solid #e4edf2}
.help-step:last-child{border-bottom:none}
ol.help-step-list .help-step{padding-left:36px;position:relative}
ol.help-step-list .help-step::before{counter-increment:help-step;content:counter(help-step);position:absolute;left:0;top:14px;width:24px;height:24px;border-radius:50%;background:#0a6fba;color:#fff;font-size:12px;font-weight:600;text-align:center;line-height:24px}
.help-step strong{display:block;margin-bottom:4px}
.help-step p{margin:0 0 8px}
.help-step-btn{margin-top:2px}

/* ---- Expertenvorschau (Abschnitt) ------------------------------------------ */
.help-expert-preview{margin-top:12px}

/* ---- FAQ ------------------------------------------------------------------- */
.help-faq-group{margin-top:18px}
.help-faq-group+.help-faq-group{margin-top:22px}
.help-faq-group h3{font-size:13px;font-weight:600;color:#687c87;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid #e4edf2}
.help-faq-details{border-bottom:1px solid #e4edf2}
.help-faq-details:last-child{border-bottom:none}
.help-faq-q{padding:11px 24px 11px 0;cursor:pointer;font-weight:500;list-style:none;user-select:none;position:relative;display:block}
.help-faq-q::-webkit-details-marker{display:none}
.help-faq-q::after{content:'\25B8';position:absolute;right:0;top:11px;color:#687c87}
.help-faq-details[open] .help-faq-q{color:#0a6fba}
.help-faq-details[open] .help-faq-q::after{content:'\25BE'}
.help-faq-answer{padding:0 0 12px;line-height:1.55}

/* ---- Öffentlicher Hilfedialog ---------------------------------------------- */
[data-help-public] p{margin:0 0 14px}

/* ---- Responsive ------------------------------------------------------------ */
@media(max-width:760px){ol.help-step-list .help-step{padding-left:28px}ol.help-step-list .help-step::before{width:20px;height:20px;line-height:20px;font-size:11px}
/* M7: Hilfekarten Abstände */
.help-faq-group{margin-top:16px}
.help-step{padding:10px 0}}