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

/* FARBEN #214f7e; */
:root {
    --mycolor: var(--bs-green);
}

.fruity .progress-bar{
    background-color: var(--mycolor);
}
.fruity a, .fruity a:focus, {
    color: var(--mycolor);
}
.fruity a {
    text-decoration: underline !important;
}
.fruity .text-primary, .fruity .text-success {
    color: rgb(51,51,51) !important;
}
.fruity .btn-primary {
    background-color: var(--mycolor);
    border: 1px solid var(--mycolor);
}
.fruty .btn-outline-secondary {
    background-color: var(--mycolor);
    border: 1px solid var(--mycolor);
    color: var(--mycolor);
}
.fruity .dropdown-menu > li a:hover {
    background-color: var(--mycolor) !important;
}
.fruity .bg-warning {
    background-color: #fff !important;
}

/* ALLGEMEIN */

.h1, .h2, .h3, .h4 ,.h5, h1, h2, h3, h4, h5 {
    margin-bottom: 1.0rem;
}

/* maximale Breite etwas schmaler für Fotos (standard=1170px) */
.outerframe {
    max-width: 1000px !important;
}
i {
    font-style: italic;
    font-weight: normal;
}

p, ul {
    margin-bottom: 16px;
}


/* HEADER */

/*Logo grösser */
.navbar-brand .logo {
    Xwidth: 300px;

}
.container-fluid {
    box-sizing: unset;
}


/* Sprachauswahl (offenes Menu): schöner und kleiner machen */
.language_change_container.dropdown-menu {
    height: auto ;
    overflow: auto !important;
}

#navigator-container {
    padding-bottom:0;
    margin-bottom:0;
}
.nav-link{
    padding-top: 0;
} 
.nav-item {
    padding-right: 20px;
}
.top-container.space-col {
    margin-top:50px;
}
.top-container .top-content{
    margin-bottom: 1em;
}
#main-col {
    margin-top:0;
}
.navbar a{
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.55);
    text-decoration: none !important;
}
.nav-item .show{
    width: 300px;
}
.index-item .animate{
    font-size: 1rem !important;
    padding: .5rem;
}




/* WILLKOMMEN-SEITE */
/* Abstand vor/nach Umfrage-titel */
#welcome-container .survey-name {
    margin-top:    70px;
    margin-bottom: 70px;
}

.survey-description {
   margin-bottom: 0px;
   font-size: 21px;
   color: #333 !important;
}

.survey-welcome {
    margin-top: 50px;
    margin-bottom: 70px;
    font-size: 14px;
    color: #333 !important;
}


/* FRAGE-SEITEN */

/* Keine, bzw. kleinere Abstände über und unter group-container */
.group-container.space-col, .group-outer-container.space-col {
    margin-top:0;
    margin-bottom:0;
}

/* Fragenummern fett und farbig */
.question-number {
    color: #31708f;
    font-weight: bold;
    margin-right: 1em;
}

.question-number, .question-code {
    float: none;
}

.question-help-container {
    color: #6c757d !important;
}

/* Erste Überschrift ohne margin-top */
.ls-label-question h1:first-of-type, 
.ls-label-question h2:first-of-type,
.ls-label-question h3:first-of-type,
.ls-label-question h4:first-of-type,
.ls-label-question h5:first-of-type {
    margin-top: 0.0rem;
}
/* Letzter Absatz ohne margin-bottom  */
.ls-label-question p:last-of-type {
    margin-bottom: 0.0rem;
}


/* Schluss-Meldung */
.completed-wrapper {
    margin-top:70px;
    font-size: 16px;
}

/* FOOTER */ 

footer {
     padding-bottom: 0; /* no bottom padding, footer should be bottom aligned */
     margin-top: 3em;/* now is redefine in JS to fit any title length */
     text-align: left;
}

.ic-logo-footer {
    width: 150px;
}