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

/** Kopfzeile in wiesbaden.de-dunkelblau */
.navbar {
background-color: #081F5D !important; 
}

/** Fragen-Container Hintergrundfarbe in wiesbaden.de-dunkelblau */
.question-title-container {
    background-color: #0B297C !important; /* Wunschfarbe eintragen */
}

/** Hilfeinformationsfeld - Hintergrund weiß */
.question-help-container {
    background-color: #ffffff !important; /* Wunschfarbe eintragen */
}

/** Valide-informationsfeld - Hintergrund weiß */
.question-valid-container {
    background-color: #ffffff !important; /* Wunschfarbe eintragen */
}
/** Info-Texte schwarz statt rot */
.text-info {
    color: #000000 !important; /* Wunschfarbe eintragen */
}

/** Weiter-Button in wiesbaden.de-Farbe */
.btn-primary {
  background-color: #0B297C;
  border-color: #0B297C;
}
.btn-primary:hover {
  background-color: #081F5D;
  border-color: #081F5D;
}


/* nav-link ("später fortsetzen") in der Navigationsleiste Schriftfarbe in weiß */
.navbar-nav .nav-link {
    color: #fff !important;
}

/* Fragenindex-Dropdow in Navigationsleisten: aktuell markierte Frage in fett */
.navbar-nav .dropdown-menu .index-item-current {
    font-weight: bolder;
  	/** text-decoration: underline; */
}

/** Fragenindex-Dropdown: Warnungen und Fehler (orange/rot) - Schriftfarbe weiß
.navbar-nav .dropdown-menu .bg-warning a, .navbar-nav .dropdown-menu .bg-danger a {
  color: #fff;
} */


/* Fragenindex-Dropdown: - nicht unterstrichen */
.navbar-nav .dropdown-menu a {
  text-decoration: none;
}

/* Fragenindex-Dropdown Element in Navleiste auf gleicher Höhe wie andere Elemente + Abstand nach rechts erhöht (Lesbarkeit des Fragenindex) */
.navbar-nav li.dropdown {
    padding: .5rem 1rem;
      margin-right: 3rem;      
}

/* Fragenindex-Dropdown Element in Navleiste auf gleicher Höhe wie andere Elemente + Abstand nach rechts erhöht (Lesbarkeit des Fragenindex) */
.navbar-nav li.dropdown > a {
text-decoration: none;
  color: white 
}

/* Folgende Änderungen von PS am 11.02.2026 bzgl. "Umfrage zum Bildungs-Tandem"*/

/* Fortschrittsbalken in andere Farbe z.B. Grün und Schrift größer + nicht weiß */
.top-container .progress {
    height: 25px;
}
.progress .progress-bar {
    color: black;
    background-color: lightgreen;
    font-size: 12px;
}

/* Begrüßungsbildschirm: Blaue Farbe in Schwarz */
.survey-welcome.h5 p {
    color: black;
}

/* Generell (bei allen Fragen) Antwortmöglichkeiten größer (Größe von Hilfstexten) */
.answer-item {
    font-size: 14pt;
}

/* Alle Texteingabefelder größer */
.form-control {
    font-size: 14pt;
}


/* BARRIEREFREIE Farbgebung verschachtelter Fragen */
.barriere1.list-radio .question-title-container {
    background-color: transparent !important;
    color: black;
    border: 1px solid #dbdbdb;
}
/* Antwortmöglichkeiten allgemein / Ja+Nein-Bootstrap-Button */
.barriere1.list-radio .bootstrap-buttons-div .btn-primary {
    font-size: 1.3rem;
    background-color: transparent;
    color: black;
    font-weight: 600;
}
/* Ja-Button / erster Bootstrap-Button */
.barriere1.list-radio .bootstrap-buttons-div:nth-child(1) .btn-primary {
    color: green;
    border: 1px solid green;
}
/* Ja-Button markiert */
.barriere1.list-radio .bootstrap-buttons-div:nth-child(1) .btn-check:checked+.btn-primary {
    background-color: green;
    color: white;
}
/* Nein-Button / zweiter Bootstrap-Button */
.barriere1.list-radio .bootstrap-buttons-div:nth-child(2) .btn-primary {
    color: red;
    border: 1px solid red;
}
/* Nein-Button markiert */
.barriere1.list-radio .bootstrap-buttons-div:nth-child(2) .btn-check:checked+.btn-primary {
    background-color: red;
    color: white;
}

/* (Endbild der Umfrage "Bildungs-Tandem") Blaue Hinterlegung aus Textanzeige raus + Schrift dann in Schwarz. */
.barriere2 .question-title-container {
    background-color: transparent !important;
    color: black;
    border: 1px solid #dbdbdb;
}

/* */