/**
 * evewa4 Custom-CSS
 * Author: GRUEN Software Group GmbH
 *
 * Hier koennen die Standard evewa4 Styles angepasst werden.
 * Logos und Titelbild
 */

.fragebogen-tree { margin-top: 8px; }
.fragebogen-tree details > summary { cursor: pointer; list-style: none; outline: none; }
.fragebogen-tree details > summary::-webkit-details-marker { display: none; }

.fragebogen-tree__node { margin-bottom: 10px; }
.fragebogen-tree__children { padding: 8px 0 0 14px; }

.fragebogen-tree__summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #2f3440;
}
.fragebogen-tree__summary:before {
    content: "▸";
    font-size: 20px;
    color: #6c757d;
    transform: translateY(-1px);
}
.fragebogen-tree details[open] > summary .fragebogen-tree__summary:before { content: "▾"; }

.fragebogen-tree__group {
    border: 1px solid #dfe3eb;
    border-radius: 8px;
    background: #f4f6fa;
    padding: 10px 12px;
    margin-bottom: 10px;
}
.fragebogen-tree__group--inner {
    border: 1px solid #eceff4;
    border-left: 3px solid #d9dee8;
    border-radius: 6px;
    background: #ffffff;
    padding: 8px 10px;
    margin-bottom: 8px;
}

.fragebogen-tree__col { margin-top: 8px; }
.fragebogen-tree h2 { font-size: 16px; margin: 0; color: #2f3440; }
.fragebogen-tree h4 { font-size: 16px; margin: 0; color: #3a4150; }

.fragebogen-tree .control-group.form-group {
    margin-bottom: 4px;
    padding: 2px 0;
}
.fragebogen-tree .form-control-label {
    margin-bottom: 0;
    color: #4a4f5a;
    font-weight: 400;
}

.fragebogen-tree__summary-check {
    display: inline-flex;
    align-items: center;
    margin-right: 2px;
    transform: translateY(1px);
}
.fragebogen-tree__summary-check .m-checkbox {
    margin-bottom: 0;
    padding-left: 20px;
    min-height: 18px;
}
.fragebogen-tree__summary-check .m-checkbox > span {
    top: 0;
}

.fragebogen-tree__summary-check .m-checkbox > span {
    top: 0;
}

.fragebogen-tree__weitere {
    border: 1px solid #eceff4;
    border-left: 3px solid #d9dee8;
    border-radius: 6px;
    background: #ffffff;
    padding: 8px 10px;
    margin-bottom: 8px;
    margin-top: 8px;
}