/*** .NAVBAR ***/

#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;
}





/*** TOP-CONTAINER / PROGRESS ***/

/* z-index, weil sonst von multiple-choice Fragen die Antwort-Boxen überlagerten */

.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:0px;
    margin-bottom:0px;
    padding-top:0px !important;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    background-color:transparent;
}

/* height of the progress bar */ 

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

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







/*** .OUTERFRAME ***/

/* Fragegruppen abgesetzt, mit durchscheinendem Hintergrund */
.outerframe {
    padding:0;
    font-size:18px;
}

/*** Damit Warnung "This survey is currently not active." nicht Fortschrittsbalken überlagert
     -1px margin oben, weil da dieser komische durchsichtige Streifen war, den ich nicht weggebracht habe ***/
#main-row {
    margin-top:-1px;
    padding-top:60px;
}

/** BACKGROUND / FIXIERTE NAVBAR **/

/*padding-top, wenn top-container / progress-bar mit position:fixed */

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


/*** Padding-top ist rausgenommen, da jetzt bei #main-row, damit Preview-Warnung Fortschrittsbalken nicht überlagert. ***/
.survey-form-container {
       padding-top:0px;
}



/* MOVE Buttons ohne abgerundete Ecken */

.ls-move-btn {
    border-radius:0;
}


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

.ls-move-submit-btn,
.ls-move-next-btn {
    color: #fff;
    background-color: #005575;
    border-color: #005575;
}

/*previous-btn*/

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

.ls-move-previous-btn {
    color: #333;
    background-color: #fff;
    border-color: #005575;
}



/*** QUESTIONS ***/


/* Info-Seite */

.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;
}

/* Abstände zwischen einzelnen Fragen */

.question-container {
        background-color: #ffffff;
        border:none;
        width=100%;
        margin-left:0px;
        margin-right:0px;
        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:0px;
    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;
}


/* FELD ZWISCHEN FRAGEN UND ANTWORTEN */

/* Warnung */

.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;
}

/* Warnmeldung mandatory */

.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;

}

/* Farbe vom Rufezeichen und Abstand Rufezeichen Text*/
.group-container .question-valid-container .fa {
                padding-right:5px;}


/* hide red asterisk for mandatory questions */
.asterisk {display: none;}






/*** ANSWERS ***/

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

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


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

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


.col-auto {
    margin-top:0;
}

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



/* Auswahl-Buttons - links bündig, aber rechts Abstand zum nächsten*/

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




/* BUTTONS */

.btn-primary:hover, .btn-primary:focus {
    background: #eb9929 !important;
    border: 1px solid #005575 !important;
    filter: none !important;
    color: #ffffff !important;
}

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


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

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


/* Bootstrap Buttons */

.bootstrap-buttons-div {
    margin:0!important;
    padding-left:0 !important;
}



/* Matrix Text in blau */

.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;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}

/* horizontale Linien raus */

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


th, td {
    color:#005575;
}

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


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



/* SINGLE- & MULTIPLE CHOICE LISTS */

/* Mehr Abstand zwischen einzelnen Auswahlmöglichkeiten */
.answer-container .radio-item, 
.answer-container .checkbox-item,
.answer-container .question-item,
.answer-container .answer-item,
.answer-container .mb-1 {
               margin-bottom:10px !important;}

/* Mehr Abstand zwischen Checkbox und Text */
.answer-container .radio-item label, 
.answer-container .checkbox-item label {
    padding-left:10px;
}





/* nur Kommentarfeld in 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;
  }
  
  
  








/*** WELCOME PAGE ***/


/* wenn progress fixiert */
#firstpage-changelang {
   padding-top:60px;
}


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



/* PRIVACY */

/* Privacy Box Background */

.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;
}


/* Aufzählungen in Text-Seiten */
.info li {
    margin-left:40px;
    padding-left:10px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:2px;
    padding-bottom:0px;
}

/* Beschreibungen auf der Seite oben unter der Überschrift */

.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;
}
.group-description a:visited {
  color:#005575 !important;
}


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


/* Links nicht in nicht passendem blau */
a {
    color:#eb9929 !important;
}

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

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

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