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

/* Tabellenrahmen */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border: 1px solid #dadada;
}

/* Grundschrift für normale Textbereiche */
body,
p,
td,
th,
label,
li,
input,
select,
textarea,
button,
.question-container,
.group-container,
.answer-container,
.question-text,
.ls-label-question,
.help-block,
.questionhelp,
.ls-questionhelp {
  color: #000000 !important;
  font-family: "Roboto", sans-serif !important;
}

/* Formularfelder */
input,
select,
textarea {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/* Links */
a,
a:link,
a:visited {
  color: #EE7F00 !important;
  font-weight: normal !important;
  text-decoration: none !important;
  font-family: "Roboto", sans-serif !important;
}

a:hover,
a:focus,
a:active {
  color: #EE7F00 !important;
  font-weight: normal !important;
  text-decoration: underline !important;
  font-family: "Roboto", sans-serif !important;
}

/* Primäre Buttons */
.btn-primary {
  background-color: #EE7F00 !important;
  border-color: #EE7F00 !important;
  color: #ffffff !important;
  font-family: "Roboto", sans-serif !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #EE7F00 !important;
  border-color: #EE7F00 !important;
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Fokus-/Checked-Zustände allgemein */
.btn-check:focus + .btn-primary,
.btn-check .btn-primary:focus,
.btn-check:focus:checked + .btn-primary,
.btn-check .btn-primary:focus:checked {
  background-color: #EE7F00 !important;
  border-color: #EE7F00 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-decoration: underline !important;
}

/* Ja/Nein-Fragen klarer gestalten: Standardzustand */
.yes-no .btn-group .btn-primary,
.yesno-button .btn-primary {
  background-color: #ffffff !important;
  border: 2px solid #EE7F00 !important;
  color: #000000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Ja/Nein-Fragen Hover/Fokus */
.yes-no .btn-group .btn-primary:hover,
.yes-no .btn-group .btn-primary:focus,
.yesno-button .btn-primary:hover,
.yesno-button .btn-primary:focus {
  background-color: #FFF3E6 !important;
  border-color: #EE7F00 !important;
  color: #000000 !important;
  text-decoration: underline !important;
}

/* Ja/Nein-Fragen ausgewählter Zustand */
.yes-no input[type="radio"]:checked + .btn-primary,
.yesno-button input[type="radio"]:checked + .btn-primary,
.yes-no .btn-check:checked + .btn-primary,
.yesno-button .btn-check:checked + .btn-primary {
  background-color: #EE7F00 !important;
  border-color: #EE7F00 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 0 0 2px rgba(238, 127, 0, 0.2) !important;
  font-weight: 700 !important;
}

/* Pflichtsternchen ausblenden */
.asterisk,
.text-danger.asterisk {
  display: none !important;
}

/* Hinweistext kursiv */
.ls-questionhelp {
  font-style: italic !important;
}

/* Fragezeichen-Icon vor Hinweistext ausblenden */
.ls-questionhelp:before {
  display: none !important;
  content: none !important;
}

/* Abstand am Hinweistext zurücksetzen */
.dir-ltr .ls-questionhelp {
  margin-left: 0 !important;
}

.dir-rtl .ls-questionhelp {
  margin-right: 0 !important;
}

/* Sternebewertung: richtige Icon-Schrift und Stern-Zeichen erzwingen */
.stars-list .fa,
.stars-list .fa-star,
.stars-list .ri-star-fill,
.stars-list .fa:before,
.stars-list .fa-star:before,
.stars-list .ri-star-fill:before {
  font-family: "FontAwesome" !important;
}

.stars-list .fa-star:before,
.stars-list .ri-star-fill:before {
  content: "\f005" !important;
}

/* Footer-Links linksbündig wie Umfragetext */
.survey-footer-links {
  text-align: left;
  margin-top: 24px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Roboto", sans-serif;
}

.survey-footer-links a,
.survey-footer-links a:link,
.survey-footer-links a:visited {
  color: #EE7F00 !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

.survey-footer-links a:hover,
.survey-footer-links a:focus,
.survey-footer-links a:active {
  color: #EE7F00 !important;
  text-decoration: underline !important;
}

/* Startscreen: Einführungstexte kleiner */
.survey-welcome,
.survey-welcome p,
.survey-welcome li,
.survey-description,
.survey-description p,
.survey-description li {
  font-size: 1.05rem !important;
  line-height: 1.5 !important;
}

/* Startscreen: Subheadline dunkelgrün */
.survey-description,
.survey-description p,
.survey-description span,
.text-info {
  color: #00793A !important;
}