/* =====================================================
   GRUNDLAYOUT & CONTAINER
   ===================================================== */

.outerframe {
    padding: 0;
    font-size: 18px;
}

/* Platz für fixierte Progress Bar
   (-1px wegen transparentem Streifen) */
#main-row {
    margin-top: -1px;
    padding-top: 60px;
}

#main-col {
    margin: 0;
    padding: 0;
}

/* Padding-top ausgelagert nach #main-row */
.survey-form-container {
    padding-top: 0;
}


/* =====================================================
   NAVBAR & PROGRESS BAR
   ===================================================== */

#survey-nav .container {
    padding: 0;
}

.logo-container > img {
    padding-left: 0;
    padding-right: 0;
}

.navbar-action-link {
    padding-right: 0;
}

/* Sprach-Dropdown-Menü rechtsbündig */
.px-2 {
    padding-right: 0 !important;
}

/* Kein Strich zwischen Navbar und Top Container */
#survey-nav .border-bottom {
    border-bottom: 1px solid #ffffff !important;
    display: none;
}

/* Progress Bar fixiert */
.top-container {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #eb9929;
    border: none !important;
    position: fixed;
    z-index: 5;
}

.top-container .container {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}

.top-container .progress {
    height: 20px;
    background-color: #eb9929;
    border: 0 solid #005575 !important;
    display: block;
}

.top-container .progress-bar {
    background-color: #ffffff !important;
    color: #eb9929;
    z-index: 20;
    font-size: 16px;
}


/* =====================================================
   STARTSEITE & WELCOME
   ===================================================== */

#firstpage-changelang {
    padding-top: 60px;
}

#welcome-container {
    padding: 30px !important;
}


/* =====================================================
   DATENSCHUTZ (PRIVACY)
   ===================================================== */

.privacy-block {
    background-color: #ffffff !important;
}

.privacy .form-check {
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}

.privacy .form-check-label {
    margin-left: 10px;
    font-weight: normal !important;
}

.privacy .form-check-label a {
    padding-left: 10px;
    font-weight: normal !important;
}


/* =====================================================
   FRAGEN-CONTAINER
   ===================================================== */

/* Info-Seiten */
.info .question-title-container {
    background-color: #ffffff !important;
    color: #005575 !important;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    font-weight: normal;
}

.info .question-title-container p {
    margin-bottom: 10px !important;
}

/* Frage-Container */
.question-container {
    background-color: #ffffff;
    border: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 30px;
}

.group-container .question-title-container {
    background-color: #005575;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 1.25rem;
}

.group-title {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
    background: transparent;
}

.question-container p {
    margin-bottom: 0 !important;
}


/* =====================================================
   HILFE & VALIDIERUNG
   ===================================================== */

.alert {
    background-color: #eb9929;
    color: #ffffff;
}

/* Hilfe */
.group-container .question-help-container {
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 5px;
    border-bottom: 1px solid;
}

.ls-questionhelp {
    font-size: 16px;
    color: #005575;
    padding-left: 5px;
}

/* Mandatory-Warnungen */
.group-container .question-valid-container {
    background-color: #eb9929;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
}

.question-valid-container .text-danger {
    color: #ffffff !important;
    font-weight: normal;
}

.em_num_answers,
.emtip,
.error {
    font-size: 16px;
    color: #ffffff;
}

.group-container .question-valid-container .fa {
    padding-right: 5px;
}

.asterisk {
    display: none;
}


/* =====================================================
   ANTWORTEN & FORMULARELEMENTE
   ===================================================== */

p,
li {
    font-size: 18px;
}

.answer-container {
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0;
}

.answer-container .container {
    padding-left: 0;
    padding-right: 0;
}

.ls-answers {
    padding: 0;
    margin: 0;
}

dl,
ol,
ul {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.form-check {
    padding-left: 0;
    padding-right: 20px;
    border-radius: 0;
}


/* =====================================================
   SINGLE & MULTIPLE CHOICE
   ===================================================== */

.answer-container .radio-item,
.answer-container .checkbox-item,
.answer-container .question-item,
.answer-container .answer-item,
.answer-container .mb-1 {
    margin-bottom: 10px !important;
}

.answer-container .radio-item label,
.answer-container .checkbox-item label {
    padding-left: 10px;
}

/* Kommentarfeld (Multiple Choice with Comment) */
#limesurvey .comment-box-no-text .comment-item .form-control {
    margin-left: 20px;
    margin-top: -25px;
}

#limesurvey .comment-box-no-text .row,
#limesurvey .SSI-topics .row {
    padding-left: 10px !important;
    padding-right: 20px;
}


/* =====================================================
   TABELLEN & MATRIX
   ===================================================== */

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #005575;
    --bs-table-striped-bg: #d1e1e1;
    --bs-table-active-color: #ffffff;
    --bs-table-active-bg: #eb9929;
    --bs-table-hover-color: #ffffff;
    --bs-table-hover-bg: #eb9929;
    border-color: #d1e1e1;
    color: #005575;
    width: 100%;
}

.table-bordered > :not(caption) > * {
    border-width: 0;
}

th,
td {
    color: #005575;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #eb9929 !important;
}

.table-hover > tbody > tr:hover,
tr.answers-list:hover,
.array-flexible-column tr.answers-list:hover {
    background-color: #d1e1e1;
}


/* =====================================================
   BUTTONS
   ===================================================== */

/* Move Buttons ohne abgerundete Ecken */
.ls-move-btn {
    border-radius: 0;
}

/* Next / Submit */
.ls-move-submit-btn,
.ls-move-next-btn {
    color: #ffffff;
    background-color: #005575;
    border-color: #005575;
}

.ls-move-submit-btn:hover,
.ls-move-next-btn:hover,
.ls-move-submit-btn:active,
.ls-move-next-btn:active,
.ls-move-submit-btn:focus,
.ls-move-next-btn:focus {
    color: #ffffff;
    background-color: #eb9929;
    border-color: #eb9929;
}

/* Previous */
.ls-move-previous-btn {
    color: #333333;
    background-color: #ffffff;
    border-color: #005575;
}

.ls-move-previous-btn:hover,
.ls-move-previous-btn:active,
.ls-move-previous-btn:focus {
    color: #ffffff;
    background-color: #eb9929;
    border-color: #eb9929;
}

/* Bootstrap Buttons Container */
.bootstrap-buttons-div {
    margin: 0 !important;
    padding-left: 0 !important;
}

/* Bootstrap Primary Buttons (Matrix / Button-Group) */
.btn-primary:hover,
.btn-primary:focus {
    background: #eb9929 !important;
    border: 1px solid #005575 !important;
    color: #ffffff !important;
}

.btn-check:checked + .btn-primary,
.btn-check:focus + .btn-primary,
.btn-check:active + .btn-primary {
    background-color: #eb9929 !important;
    border: 1px solid #005575 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}


/* =====================================================
   GROUP DESCRIPTION
   ===================================================== */

.group-description {
    background-color: #eb9929;
}

.group-description .well {
    margin: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: inherit;
    color: #ffffff;
}

.group-description p {
    margin: 0;
    font-size: 1.25rem;
}

.group-description a {
    color: #005575 !important;
}


/* =====================================================
   LINKS
   ===================================================== */

a {
    color: #eb9929 !important;
}

a:visited {
    color: #6699AC !important;
}

a:hover {
    color: #eb9929 !important;
}

a:active {
    color: #eb9929 !important;
}