/* Fonts */
/* ============================================ */

@font-face {
  font-family: 'Corporate S';
  font-style: normal;
  font-weight: normal;
  src: url('ca23dca4-640b-45ca-9503-c2331db89517.woff2') format('woff2'),
    url('d9b02372-4db7-4c79-88eb-07bd2084dfbc.woff') format('woff');
}

@font-face {
  font-family: 'Corporate S';
  font-style: normal;
  font-weight: bold;
  src: url('081a8246-3ebb-4157-8dc2-e13deb7f497e.woff2') format('woff2'),
    url('e434896b-cb9b-4f7b-8c74-428a6e834ea0.woff') format('woff');
}

@font-face {
  font-family: 'Times LT';
  font-style: normal;
  font-weight: normal;
  src: url('3fa73787-fdd3-4e14-82df-73d387e00476.woff2') format('woff2'),
    url('02e389f8-dc4b-4d80-8cbe-1f77cbbd675c.woff') format('woff');
}

@font-face {
  font-family: 'Times LT';
  font-style: normal;
  font-weight: bold;
  src: url('3fa73787-fdd3-4e14-82df-73d387e00476.woff2') format('woff2'),
    url('02e389f8-dc4b-4d80-8cbe-1f77cbbd675c.woff') format('woff');
}

@font-face {
  font-family: 'Times SC';
  font-style: normal;
  font-weight: normal;
  src: url('4c45acba-9328-4542-a68e-66edc12e1ba8.woff2') format('woff2'),
    url('1ee14968-49c3-4743-9152-ff7d06a4ea88.woff') format('woff');
}

@font-face {
  font-family: 'Times SC';
  font-style: normal;
  font-weight: bold;
  src: url('4c45acba-9328-4542-a68e-66edc12e1ba8.woff2') format('woff2'),
    url('1ee14968-49c3-4743-9152-ff7d06a4ea88.woff') format('woff');
}

/* Base */
/* ============================================ */

body {
  background: #fcfaf5;
  color: #202020;
  font-family: Corporate S, Helvetica Neue, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;

  --black: #202020;
  --blue-25: #f9f5ed;
  --backdrop-primary: #eeedec;
  --blue-50: #eeedec;
  --blue-100: #eeedec;
  --blue-400: #979797;
  --blue-500: #979797;
  --blue-600: #979797;
  --blue-700: #202020;
}

a {
  color: inherit;
  text-decoration: underline;
}

a:hover {
  color: inherit;
  box-sahdow: none !important;
  text-decoration: underline;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #979797 !important;
}

/* Titles */
/* ============================================ */

.fs-medium {
  font-size: 1.125rem !important;
  line-height: 1.5555555556 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
[class*='display-'] {
  font-family: Times LT, Times New Roman, Times, serif;
}

[class*='display-'] {
  color: #202020;
  font-size: 3rem;
  line-height: 1.1;
}

.text-info {
  color: #979797 !important;
}

.page-main__content
  a:hover:not(.btn):not(.list-group-item):not(.nav-link):not(.page-link):not(
    .dropdown-item
  ):not(.stepper__label) {
  box-shadow: none;
}

.title {
  font-size: 1rem;
  line-height: 1.2;
}

/* Main */
/* ============================================ */

.page-main__home::before,
.page-main__login::before,
.page-main__lost-password::before,
.page-main__cookies::before,
.page-main__faq::before {
  display: none !important;
}

/* Button */
/* ============================================ */

.btn {
  background: #a0e0b8;
  border: 1px solid #a0e0b8;
  border-radius: 0.1875rem;
  color: #202020;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.5555555556;
  max-width: 100%;
  overflow: hidden;
  padding: 0.4375rem 1.25rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-shadow: none;
  transition: background-color 0.2s, border-color 0.2s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  box-shadow: none !important;
}

.btn:active,
.btn:focus,
.btn:hover {
  background-color: #85c19b !important;
  border-color: #85c19b !important;
  border-width: 1px;
  color: #202020 !important;
  box-shadow: none !important;
  text-decoration: none;
  outline: 0;
  z-index: 1;
}

.btn-disabled,
.btn[disabled] {
  background-color: #f9f5ed;
  border-color: #f9f5ed !important;
  color: #cdcbc4;
  cursor: not-allowed;
}

.btn-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle,
/* .btn-dark, */
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
  color: #202020;
  background-color: #85c19b;
  border-color: #85c19b;
}

.btn-link {
  border: 0 !important;
  background: transparent !important;
}

/* Forms */
/* ============================================ */

fieldset legend,
.form-group label:not(.custom-control-label):not(.custom-control) {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
}

.form-control:disabled,
.custom-select:disabled,
.form-control,
.input-group-text,
.custom-select {
  border-radius: 0;
  border-color: #979797;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.65rem 0.85rem;
}

.form-control:disabled,
.custom-select:disabled {
  color: #cdcbc4;
  background-color: #f9f5ed;
  border-color: #cdcbc4;
}

.form-control:focus,
.form-control:focus + .input-group-append button.input-group-text,
.form-control.is-valid:focus,
.custom-select.is-invalid:focus,
.custom-select.is-valid:focus,
.form-control.is-invalid:focus,
.custom-select:focus {
  border-color: #cdcbc4;
  box-shadow: 0 0 0 0.2rem rgb(151 151 151 / 25%);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
  background-image: url('https://request.johnsonstiftung.ch/NEW_SP/assets/images/error.svg');
}

span.is-invalid,
span.error {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgb(151 151 151 / 25%);
}

/* Header & Nav */
/* ============================================ */

.page-header {
  background: #fcfaf5 !important;
  box-shadow: none;
}

/* Logo */

.navbar-brand.shadow-none.p-0 {
  width: 150px;
  height: 45px;
  background: url('logo-de.svg');
  background-size: 150px 45px;
}

html[lang='en'] .navbar-brand.shadow-none.p-0 {
  background-image: url('logo-en.svg');
}

/* Toggler */

.page-navigation .navbar-toggler,
[data-toggle='view'].active .material-icons {
  background: none;
}

.page-navigation .navbar-toggler small {
  display: none;
}

/* Lang */

.page-navigation__language-menu.col.mt-5.d-md-none {
  display: none;
}

.page-header__language-alert {
  background-color: var(--black) !important;
}

.page-header__language-alert .dropdown,
.page-header__language-alert .dropdown .btn,
.page-header__language-alert .btn,
.page-header__language-alert .btn:not(.btn-dark) {
  background: transparent !important;
  border: transparent !important;
}

.page-header__language-alert .dropdown,
.page-header__language-alert .dropdown .btn {
  color: white !important;
}

.page-header__language-alert .btn:hover {
  color: white !important;
}

.page-header__language-alert .btn:not(.btn-dark):focus,
.page-header__language-alert .btn:not(.btn-dark):active,
.page-header__language-alert .btn:not(.btn-dark):hover {
  color: white !important;
}

/* Nav */

.page-navigation .navbar-collapse {
  background: #fcfaf5;
}

.page-navigation.navbar-light .nav-item > .nav-link {
  font-family: Times LT, Times New Roman, Times, serif;
}

.page-navigation .nav-item > .nav-link:hover::after {
  display: none;
}

@media (min-width: 768px) {
  .page-navigation.navbar-light .nav-item > .nav-link {
    font-weight: normal;
    font-size: 1.3125rem;
    line-height: 1.2;
    color: var(--black);
    text-decoration: none;
  }
}

.page-navigation.navbar-light .nav-item > .nav-link.active,
.page-navigation.navbar-light .nav-item > .nav-link:hover {
  color: var(--black);
  text-decoration: underline;
}

.page-header__user-menu [data-toggle='dropdown'] {
  background: none !important;
  border: 0;
}

/* Footer */
/* ============================================ */

.page-footer .small,
.page-footer small,
.page-footer,
.page-footer [data-toggle='dropdown'],
.page-footer__language-menu [data-toggle='dropdown'] {
  font-size: 0.875rem;
  line-height: 1.2;
}

.page-footer [data-toggle='dropdown']:hover,
.page-footer__language-menu [data-toggle='dropdown']:hover,
.page-footer [data-toggle='dropdown'],
.page-footer__language-menu [data-toggle='dropdown'] {
  background: transparent !important;
  color: white !important;
  border: 0 !important;
  padding: 0;
}

/* Card */
/* ============================================ */

.card,
.card.card-body {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #e6e6e6;
}

.card-header:first-child,
.card-header {
  border-radius: 0;
}

/* Alert */
/* ============================================ */

.alert {
  border-radius: 0;
  font-size: 1rem;
  line-height: 1.5;
}

/* Custom - Login */
/* ============================================ */

[class='col-lg-6 mb-5 mb-lg-0'][aria-label='Anmelden'] {
  display: flex;
}

/* List group */
/* ============================================ */

.page-main__account a.list-group-item {
  text-decoration: none;
}

/* Dropdown item */
/* ============================================ */

a.dropdown-item {
  text-decoration: none;
}

.btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item:focus,
.btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item:hover,
.btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item.active {
  font-weight: normal;
}

/* Pagination */
/* ============================================ */

.page-item .page-link {
  text-decoration: none;
}

/* Introduction */
/* ============================================ */

body .introduction p {
  font-size: inherit;
  color: inherit;
  margin-bottom: 1rem;
}

/* Download list group */
/* ============================================ */

body .list-group.uploadedFilesListUl .list-group-item {
  background-color: #a0e0b8;
  border-color: #a0e0b8;
}

.page-main__side-note {
  background: #a0e0b8 !important;
  border-color: #a0e0b8 !important; 
}