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

/*************************** Spezifikationen zur Seite ******************************/

/* Maximalbreite der Seite festlegen */
.outerframe {max-width: 1000px}
    
/* Hauptfarbe */

.bg-primary {
    background-color: #FA4D40 !important;
}

/* Navigationsleiste im Kopf */
#survey-nav {
    background-color: #FA4D40 !important;
    border-color: transparent;
}
    .navbar-toggle:hover, .navbar-toggle:focus {
        background-color: #b7babb;
    }

    /*Darstellung des Logos */
    .logo-container>img {
    max-height: 100px;
    height: 100%;
    padding: 5px;
    width: auto;
    }
    
       /*Darstellung des Logos */
    .logo-container>img {
    max-height: 100px;
    height: 100%;
    padding: 5px;
    width: auto;
    }
    
    /* Darstellung des Survey-Namens */
    .navbar-brand {
    color: white !important;
    font-weight: bold;
    }
    
/* Darstellung des Links in der Navbar*/
    .nav-link {
    color: white !important;
    }

/* Farbe des Fortschrittsbalkens */
.progress-bar {
    background-color: #A9A9A9 !important;
}

/* Abstand des Fortschrittsbalkens nach oben */
body .top-container {
    /*margin-top: 0px !important;*/
    padding-top: 1em !important;
}

/* Farbe des Alerts ändern */
.alert {
  border: #333 !important;
  border-width: 2px;
  background-color: #fdc9c5;
  color: #333;
}

/* Buttonfarbe */
.btn-primary, #register_button {
    color: #ffffff;
    background-color: #fdc9c5;
    border-color: #FA4D40;
}  
/*
.btn-primary:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus, .btn-primary:visitied {
    color: #ffffff;
    background-color: #FA4D40 !important;
    border-color: #FA4D40;
}
*/
.btn-primary:not(:disabled):not(.disabled).active, 
    .btn-primary:not(:disabled):not(.disabled):active, 
    .show>.btn-primary.dropdown-toggle{
        color: #fff;
        background-color: #F7B432;
        border-color: #F7B432;
    }
    
.btn-primary, .btn-primary:focus, .btn-primary:not(.disabled):active, .btn-primary:not(.disabled):hover {
    border-color: #FA4D40;
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #FA4D40;
    border-color: #FA4D40;
}

/* Registrierung */

.register-form {
    margin-top: 20px;
    /*padding-bottom: 20px;*/
}
.continuebutton {
    margin-bottom: 40px;
}  

/************************ Spezifikationen zu Fragencontainern ***********************/


/*Farbe vom Kopf der Fragenkästen
.question-container {
    background: #ff3333;
}*/

/* Hinweis-Alerttext-Farbe */
.question-valid-container {
    background-color: #fdc9c5 !important;
}

/* Kopf von Tabellen */
/*.table-bordered {
  border-color: #333;
}*/

/*Links*/
a, a:focus, a:visited  {
    color: inherit;
    text-decoration: underline;
}
    a:hover {
        color: #FA4D40;
        background-color: white;
    }
    
    /*Links im Fragencontainer*/
    .white{
        color: #fff;
    }

/*Hilfetext*/
.text-info {
    color: #444 !important;
    font-size: 13px;
    margin-top: 5px;
}

/* Fragezeichen beim Hilfetext ausblenden */
.ls-questionhelp:before {
    color: #444 !important;
    content: none !important;
	}
	
.dir-ltr .ls-questionhelp {
    margin-left: 0;
}

/* Asterisk bei Pflichtfragen hellgrau */
.fa-asterisk, .fa-asterisk:hover, .fa-asterisk:before {
    color: #A9A9A9;
}

/* Farbe des Sliders */
.slider-handle {
    background-color: #FA4D40;
}

/*===== Mehrere Fragen in einem Rahmen zusammenfasssen =====*/
/* Erste Frage */
.question-container.block-start {
    border: 1px solid #ccc;
    border-bottom: none;
    margin-bottom: 0;
}

/* Fragen innerhalb des Blocks MIT Question container*/
.question-container.block-start ~ .question-container:not(.block-end) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 0;
}
/* Um den Question container auszublenden (bei mittleren oder letzter Frage*/
.hide-title .question-title-container {
    display: none !important;
}

/* Letzte Frage */
.question-container.block-end {
    border: 1px solid #ccc;
    border-top: none;
}

/*============ Nummer ausblenden =================*/
/* Zahlen bei Ranking advance Fragen ausblenden */
/* Für AB-Befragungg 26/27 (258916) */
#sortable-choice-24486 b.selector__index_row,
#sortable-choice-24494 b.selector__index_row {
    display: none !important;
}
/* Für AB-Befragungg 25/26 (279977) */
#sortable-choice-22583 b.selector__index_row,
#sortable-choice-22592 b.selector__index_row,
#sortable-choice-23032 b.selector__index_row {
    display: none !important;
}
/* Für München-Befragung 25/26 */
#sortable-choice-23368 b.selector__index_row,
#sortable-choice-23377 b.selector__index_row{
    display: none !important;
}
/* Für Frankfurt-Befragung 25/26 */
#sortable-choice-23346 b.selector__index_row,
#sortable-choice-23165 b.selector__index_row,
#sortable-choice-23345 b.selector__index_row{
    display: none !important;
}
/* Für VR-Befragung 25/26 (	334295) */
#sortable-choice-23139 b.selector__index_row,
#sortable-choice-22488 b.selector__index_row,
#sortable-choice-22489 b.selector__index_row,
#sortable-choice-22495 b.selector__index_row {
    display: none !important;
}
/* Für VR-Befragung 25/26 CINT (446568) */
#sortable-choice-23590 b.selector__index_row,
#sortable-choice-23564 b.selector__index_row,
#sortable-choice-23557 b.selector__index_row,
#sortable-choice-23558 b.selector__index_row {
    display: none !important;
}
/* Kästen für ranking advanced anzeigen */
.sortable-list {
    border: 1px solid #ccc  !important;;
}

/*=============================================*/
/* Survey name in header 
.navbar-brand {
    line-height: 60px;
    font-size: 32px;
}*/