/******************
    User custom CSS for "ic-fruty"
    ------------------------------

    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

    str, 29.10.2024
*/


/* Custom CSS Klassen (Fragen > Anzeige > XSS-Klasse(n)  */

/* compact
   Kein Abstand zur nächsten Frage, weniger Leerraum in den Fragen */
   
div.group-container > div.compact:not(:last-child) {
    margin-bottom:0;
}
div.compact > .answer-container {
    padding-top:0;
    padding-bottom:0;
}
div.compact > .answer-container > .ls-answers {
    padding-top:0;
    padding-bottom:0;
}


/* FARBEN #214f7e;    #7d96b4   */
:root {
    --mycolor: var(--bs-blue);
}
.fruity .progress-bar{
    background-color: var(--mycolor);
}
.fruity a, .fruity a:focus {
    color: var(--mycolor);
}
.fruity a {
    text-decoration: underline !important;
}
/* Summary bei Hover sichtbar machen (wie Links)  */
.fruty details:hover {
    color: #c63678;
    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;
}
/* Summary bei Hover sichtbar machen (wie Links)  */
details > summary:hover {
    color: #0f3e12;
    text-decoration: underline !important;
}


/* ALLGEMEIN */

.question-text summary:hover {
    color: #7d1344;
}

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

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

/* 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-child {
    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;
}


/*  PRINT
    ************#fff******/

@media print {

}

.question-container-printanswers {
  margin-top: 1em ;
  margin-bottom: 1em ;
  padding-bottom: 0em ;
  border-bottom: 3px solid rgba(225, 225, 255, 0.6);
  background-color: #fff8f2;     /*rgba(255, 242, 230, 0.5); */       
}

.question-container-printanswers > div:nth-child(1) {
    background-color: #F5EEE9;       
}