/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

:root {
    --bs-primary: #871d33;
    --bs-primary-rgb: 135, 29, 51;
}

.form-change-lang #language-changer-select,
.form-change-lang #lang-select::after{
    color: var(--bs-primary);
}

.dropdown-menu > .active > a {
    color: #ffffff;
    background-color: var(--bs-primary) !important;
}

.alert-info,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover{
    border: none;
    background-color: var(--bs-primary) !important;
    color: #ffffff;
}

a {
    color:var(--bs-primary);
}

a:hover {
    color: rgba(135, 29, 51, 0.7);
}

/* Buttons */
.btn,
.btn:hover,
.btn:active{
    box-shadow:none !important;
}
.btn-primary,
#ls-toggle-token-show{
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: rgba(135, 29, 51, 0.7) !important; 
    border-color: rgba(135, 29, 51, 0.7) !important;
}

.btn-primary:active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}


.btn-primary:focus, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-secondary:hover {
    background:#f3f4f5;
}

.input-group-addon {
    background:var(--bs-primary) !important;
    color:#fff;
}

.text-info {
    --bs-text-opacity: 1;
    --bs-info-rgb: 1, 84, 160;
}

/* Frage-Titel */
.question-title-container {
    color: #2c2c2c; /* Schriftfarbe der Fragen */
    font-weight: bold;
}

/* Radiobuttons und Checkboxen */
body .answer-item label::after {
    background-color: var(--bs-primary);
}

.radio-item label::after {
    background-color: var(--bs-primary);
}

.radio-item input[type=radio] + label::after {
    background-color: var(--bs-primary);
}

.radio-item input[type=radio] + label::after,
.radio-item input[type=radio]:checked + label {
    color:var(--bs-primary);
}

.radio-item input[type=radio]:checked + label::before {
    border-color: var(--bs-primary);
}

.radio-item input[type=radio]:checked + label::after{
    background-color: var(--bs-primary);
}

.privacy .checkbox-item label::before {
    border-color: var(--bs-primary);
}

.checkbox-item input[type=checkbox]:checked + label::before {
    border-color: var(--bs-primary);
}

.checkbox-item input[type=checkbox]:checked + label::after {
    color: var(--bs-primary);
}

/* Fortschrittsbalken */
.progress-bar {
    background-color: var(--bs-primary); 
}

/* Fußzeile */
.footer {
    background-color: var(--bs-primary);
    color: #ffffff;
}

/* Schriftarten und Textfarben */
body, h1, h2, h3, h4, h5, h6, p {
    color: #2c2c2c;
}

.ls-answers label, .answer-item label, .control-label {
    color: #2c2c2c;
}
.radio-item label::before {
    border-color:#2c2c2c;
}

.form-control{
    box-shadow: none !important;
}

.question-title-container {
    display:flex;
}

.form-control {
    color: #2c2c2c;
    border-color: #2c2c2c;
}

*[class*=btn-outline-] {
    background-color: #ffffff;
    border: 2px solid #2c2c2c;
}

.ls-answers .ls-heading th, .ls-answers th {
    color: #2c2c2c;
}
.numeric-multi .ls-group-total-separator hr {
    border-color:var(--bs-primary) !important;
}
.numeric-multi .ls-group-total .control-label,
.numeric-multi .dynamic-total.text-success{
    color:var(--bs-primary) !important;
    font-weight: bold;
}

.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
    color: #ffffff;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    box-shadow: none;
}

.btn-check + .btn-primary:hover,
#ls-toggle-token-show:hover{
    color: #ffffff;
    background-color: rgba(135, 29, 51, 0.7) !important;
    border-color: rgba(135, 29, 51, 0.7)!important;
    box-shadow: none;
}

.success-border {
    border-color: var(--bs-primary);
}

.form-select:focus {
    box-shadow: none !important;
}

.checkbox-item input[type=checkbox]:checked + label {
    color: var(--bs-primary);
}

.select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item {
    border: 1px solid  var(--bs-primary);
}

.text-info {
    color: var(--bs-primary) !important;
}

.logo-container > img {
    max-height: 106px;
}

.large-heading {
    font-size: 2.3rem;
    font-family: inherit;
}

.question-container .question-valid-container {
    margin-top: 0px;
    margin-bottom: 0px;
}

.question-container .question-valid-container > div {
    margin-bottom: 20px;
}

.question-container .question-valid-container > div:not(:first-child) {
    margin-top: 10px;
}

.question-container .question-help-container {
    margin-bottom: 20px;
}

body .top-container {
    margin-top: 0 !important;
}

.question-container .ls-label-question {
    font-size: 21px;
}

.group-container .group-title {
    margin-top: 20px;
    margin-bottom:20px;
}

.form-heading,
.question-count-text{
    font-size: 1rem;
    line-height: 125%;
}

.question-container .asterisk {
    margin-right: 7px;
}

.imageselect-container .imageselect-radiobutton::before, .imageselect-list .no-anwser-item .radio-label::before, .imageselect-list .radio-text-item .label-radio::before {
    margin-left: -27px;
}

.imageselect-list .imageselect-radiobutton::after, .imageselect-list .no-anwser-item .radio-label::after, .imageselect-list .radio-text-item .label-radio::after {
    margin-left: -25px;
}