/******************
    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
*/

/* Begrenzung des Welcome-Containers aufheben */

#welcome-container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#outerframeContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 90vh;
}

/* Fragenblock nicht zu schmal */
#group-0 {
  margin: 0 auto;
  max-width: 800px;
}

/* Buttons direkt unter Fragen, nicht ganz unten */
#navigator-container {
  margin-top: 40px;
  margin-bottom: 60px;
}

/* Basis-Schriftart Roboto*/
body {
    font-family: Roboto, system-ui, -apple-system, sans-serif;
}

.large-heading {
    font-family: Roboto, system-ui, -apple-system, sans-serif;
}

/* Schriftgrößen */

.large-heading {
    font-size: 30px;
}

.btn-primary, .btn-primary:hover, #ls-button-previous {
    font-size: 20px;
}

.form-heading {
    font-size: 20px;
}

.ls-answers label, .answer-item label, .control-label, .datasecurity-checkbox-label a.show-policy {
    font-size: 16px;
}

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


/* Highlight-Farbe schwarz statt grün */

body, a, a:hover {
    color: #000000;
}

:root {
    -bs-primary: #000000;
}

.btn-link, .btn-link:hover, .btn-link:active {
    color: #000000;
}

.radio-item input[type="radio"]:checked + label {
    color: #000000;
}

.radio-item input[type="radio"]:checked + label::before {
    border-color: #000000;
}

.radio-item input[type="radio"]:checked + label::after {
  background-color: #000000;

}

.ls-answers label, .answer-item label, .control-label {
    color: #000000;
}

.privacy .checkbox-item label::before, .privacy .checkbox-item label::after, .checkbox-item input[type="checkbox"]:checked + label::before, .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="checkbox"]:checked + label {
    border-color: #000000;
    color: #000000;
}

.slider-list .slider .tooltip .tooltip-inner, .slider-list .slider .slider-handle {
    color: #000000;
}

.slider-list .slider .slider-selection, .slider-list .slider .slider-handle {
    background-color: #000000;
}

/* Buttons */

.btn-primary, .btn-primary:hover, .btn-primary:enabled, #ls-button-previous {
    background-color: #000000;
    color: #ffffff;
    border-color: transparent;
    padding: 6px 20px;
}

.btn-primary:active, .btn:active:focus {
    background-color: #000000;
    color: #ffffff;
    border-color: transparent;
    padding: 6px 20px;
}