/* Ratgeber-Artikel: Inhaltsverzeichnis, Tipp-/Wussten-Sie-Box, FAQ */

.ratgeber-toc {
    background: #f6f7f7;
    border-left: 4px solid #337ab7;
    padding: 15px 20px;
    margin: 20px 0;
}
.ratgeber-toc ul {
    margin: 8px 0 0;
    padding-left: 20px;
}
.ratgeber-toc li {
    padding: 3px 0;
}

.ratgeber-icon-svg {
    vertical-align: -3px;
    margin-right: 4px;
}

h2 .ratgeber-icon-svg { color: #337ab7; }

.ratgeber-callout {
    margin: 20px 0;
}
.ratgeber-callout-label { margin: 0; }
.ratgeber-callout-text { margin: 6px 0 0; }
.ratgeber-callout-info    { border-left: 4px solid #337ab7; background: #eef5fb; }
.ratgeber-callout-info .ratgeber-icon-svg    { color: #337ab7; }
.ratgeber-callout-tipp    { border-left: 4px solid #5cb85c; background: #f2f9f2; }
.ratgeber-callout-tipp .ratgeber-icon-svg    { color: #5cb85c; }
.ratgeber-callout-irrtum  { border-left: 4px solid #d9534f; background: #fbeeee; }
.ratgeber-callout-irrtum .ratgeber-icon-svg  { color: #d9534f; }
.ratgeber-callout-experte { border-left: 4px solid #6f42c1; background: #f4f0fa; }
.ratgeber-callout-experte .ratgeber-icon-svg { color: #6f42c1; }

.ratgeber-list {
    margin: 10px 0;
    padding-left: 22px;
}
.ratgeber-list li { padding: 3px 0; }


.ratgeber-related {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
}
.ratgeber-related ul { padding-left: 20px; }
.ratgeber-related li { padding: 3px 0; }

.ratgeber-faq { margin-top: 30px; }
.ratgeber-faq-item { border-bottom: 1px solid #e5e5e5; padding: 12px 0; }
.ratgeber-faq-question { cursor: pointer; font-weight: 600; list-style: none; }
.ratgeber-faq-question::-webkit-details-marker { display: none; }
.ratgeber-faq-question::before { content: "+ "; }
.ratgeber-faq-item[open] .ratgeber-faq-question::before { content: "\2013 "; }
.ratgeber-faq-answer { padding-top: 8px; }