/* sticky footer */
html {
  height: 100%;
}
body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
/* end sticky footer */

/* navbar */
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar-expand-md > .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.navbar {
  background-color: #aac46c;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-brand {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}
.navbar-brand svg {
  -ms-flex-item-align: center;
  align-self: center;
}
@media (max-width: 575px), (min-width: 992px) {
  .navbar-brand {
    margin-left: -1rem;
  }
}

@media (max-width: 991px) {
  .navbar-collapse {
    border-top: 1px solid rgba(255, 255, 255, 0.85);
  }
}
.navbar-dark .navbar-nav .nav-link {
  padding: 1rem;
  color: #2d2d2d; /* best conrast ratio */
  height: 100%;
  text-decoration: none;
}
/*@media (min-width: 768px) and (max-width: 991px) {
  .navbar-dark .navbar-nav .nav-link {
    padding-left: .75rem;         /* french text is longest * /
    padding-right: .75rem;
  }
}*/
.navbar-dark .navbar-nav .active > .nav-link {
  background-color: olivedrab;
  color: #1b1b1b; /* not supported in ie11: rgb(16 16 16 / 90%); */
  /*color: rgba(255,255,255,.9);*/
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-brand:focus {
  color: #a30000; /* best contrast ratio */
  background-color: #eee;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-brand:hover {
  color: #2e2e2e;
  background-color: #eee;
}

.navbar-dark .navbar-nav .nav-link:active {
  color: #d90000; /* second best contrast ratio */
  background-color: #eee;
}

#toggle-nav:hover {
  background-color: #eee;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
  margin-bottom: -1px;
}

#help {
  margin-left: 0.25rem;
  vertical-align: top;
  margin-top: 4px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #help {
    display: none;
  }
}

#toggle-nav {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  /*padding: .8125rem 1rem;*/
  border-radius: 0;
  margin-right: -1rem;

  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
}
/*@media (min-width: 576px) {
  #toggle-nav {
    margin-right: -2rem;
  }
}*/
@media (min-width: 992px) {
  #toggle-nav {
    display: none;
  }
}

/*
svg element used instead
#toggle-nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2874, 74, 74, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M1 7h29M1 15h29M1 23h29'/%3e%3c/svg%3e");
}*/
#toggle-nav:hover .navbar-toggler-icon {
  filter: invert(0.44);
}

@media (max-width: 767px) {
  .navbar-collapse.show {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
/* end navbar */

h1 small,
.h1 small,
h2 small {
  /* agb, über#preise, artikel, psychologische testverfahren, ... */
  font-weight: 400;
  line-height: 1;
  color: #767676;
  /* color: #777; */
  font-size: 65%;
}

a {
  /* color: #0071eb;   bootstrap contrast 1 (too bright) */
  color: #0056b2; /* bootstrap contrast 2 */
  text-decoration: underline;
}

.bg-dark a {
  color: #a3cfff;
}
a:visited,
.alert-success a:visited {
  color: #551a8b;
}
a:focus {
  color: #b50000;
}
a:hover,
.alert-success a:hover {
  color: #0000ee; /* browser default */
}
a:active {
  color: #ec0000;
}

.alert-success a {
  color: #004996;
}
.alert-success a:focus {
  color: #9b0000;
}
.alert-success a:active {
  color: #d00000;
}

a.btn {
  text-decoration: none;
}

.btn-success:visited {
  /* needs to be before :hover etc. */
  color: #2d2d2d;
}

.btn-success {
  color: #2d2d2d; /* best contrast ratio */
  background-color: #aac46c;
  border-color: #aac46c;
}
.btn-success:focus {
  color: #fff;
  background-color: olivedrab !important;
}
.btn-success:hover {
  color: #fff;
  background-color: olivedrab;
}
.btn-success:active {
  border-color: #d90000 !important; /* second best contrast ratio */
  background-color: olivedrab !important;
}

.text-danger {
  color: #a52834 !important; /* best contrast */
}

.initialism {
  /* prevent line break in abbreviations */
  white-space: nowrap;
}

abbr[title] .initialism {
  vertical-align: middle; /* same underline, not sure if side effects */
}

strong {
  /* index, psychologische testverfahren */
  font-weight: bold;
}

blockquote {
  /* index, psychologische testverfahren */
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 1.25rem;
  border-left: 5px solid #eee;
}
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  /*color: #777;*/
  color: #595959;
}
blockquote footer:before {
  content: "\2014 \00A0";
}

label {
  cursor: pointer;
}

code.code {
  /* preserving code in compression */
  font-size: 87.5%;
  word-wrap: break-word;
  font-family:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
}
code,
code.code {
  color: #9e2a5f; /* better contrast */
}

/* BEGIN OF: dropdown menu to change language */
.w66 {
  width: 66px;
}
.lnLink::after {
  vertical-align: 0.11em;
}
.navbar-nav .lnMenu.dropdown-menu {
  position: absolute;
  min-width: auto;
  padding: 0;
}
.lnMenu {
  text-align: center;
}
.lnMenu .dropdown-item {
  padding: 0.25rem 0;
}
.lnMenu .dropdown-item {
  text-decoration: none;
}
.lnMenu .dropdown-item,
.lnMenu .dropdown-item:visited {
  color: #212529;
}
.lnMenu .dropdown-item:focus {
  color: #a00000;
  background-color: #eee;
}
.lnMenu .dropdown-item:hover {
  color: #212529;
  background-color: #eee;
}
.lnMenu .dropdown-item:active {
  color: #ec0000;
  background-color: #eee;
}
.lnMenu .dropdown-item.disabled {
  color: #adb5bd;
  cursor: not-allowed;
  pointer-events: auto;
}
/* END OF: dropdown menu to change language */

.linkTestDescriptionPage {
  text-decoration: underline dotted;
  cursor: help;
  color: #212529;
}
a:hover.linkTestDescriptionPage {
  text-decoration: underline dotted;
}

.text-success {
  /* better contrast for admin and therapists */
  color: #18662a !important;
}

/* BEGIN OF: question box */
#questionBox {
  position: fixed;
  right: 15px;
  bottom: 72px;
}
#tooltipQuestionForm {
  width: 276px;
}
#tooltipQuestion {
  width: 175px;
  left: -190px;
}
#noQuestion {
  color: #6c757d;
  text-decoration: none;
}
#noQuestion:focus {
  color: #b50000;
}
#noQuestion:hover {
  color: #ec0000;
}
#noQuestion:active {
  color: red;
}
#questionMark {
  color: #212529;
}
#questionMark:focus {
  color: #b50000;
}
#questionMark:hover {
  color: #0056b3;
}
#questionMark:active {
  color: #ec0000;
}
/* END OF: question box */

.btn-success:disabled {
  cursor: not-allowed;
  font-style: italic;
  color: #1b1b1b;
  background-color: olivedrab;
}