:root {
  /* primary colors */
  --clr-pc-1: #ff9000;
  --clr-pc-1-80: #f9a64b;
  --clr-pc-1-60: #fabc78;
  --clr-pc-1-40: #fcd3a5;
  --clr-pc-1-20: #fde9d2;
  --clr-pc-2: #026cae;
  --clr-pc-2-80: #338abf;
  --clr-pc-2-60: #66a7cf;
  --clr-pc-2-40: #99c5de;
  --clr-pc-2-20: #cce2ef;
  /* secondary colors */
  --clr-sc-1: #09365f;
  --clr-sc-1-80: #3a5e80;
  --clr-sc-1-60: #697b89;
  --clr-sc-1-40: #9da5b0;
  --clr-sc-1-20: #ced7e0;
  --clr-sc-2: #456082;
  --clr-sc-2-80: #6680a1;
  --clr-sc-2-60: #86a0c1;
  --clr-sc-2-40: #a7bfe0;
  --clr-sc-2-20: #c7dfff;
  --clr-sc-3: #bbd2f2;
  --clr-sc-3-80: #c4dbfb;
  --clr-sc-3-60: #cde4ff;
  --clr-sc-3-40: #d6edff;
  --clr-sc-3-20: #dff6ff;
}
/* background */
.container-sc-3-40-background {
  background: #ededed !important;
}

/* header */
header {
  --header-bg-color: var(--clr-sc-1) !important;
}

/* footer */
footer {
  --footer-bg-color: var(--clr-sc-1) !important;
}

/* topic-selector */
.search__filter-form__clear button {
  color: #ffffff !important;
}

/* job-list */
.search__table-results__header {
  background-color: var(--clr-sc-1) !important;
}

/* content-teaser */
.content-teaser__inside:hover .content-teaser__image:after {
  background: rgba(0, 0, 0, 0.6) !important;
}

/* highlight-teaser */
.highlight:hover .highlight__image-wrapper::after {
  background: rgba(0, 0, 0, 0.6) !important;
}

.highlight:hover .highlight__image-wrapper::after {
  opacity: unset !important;
}

/* buttons */
.btn-primary {
  --bs-btn-bg: var(--clr-pc-1) !important;
  --bs-btn-border-color: var(--clr-pc-1) !important;
  --bs-btn-hover-bg: var(--clr-pc-1-20) !important;
  --bs-btn-hover-border-color: var(--clr-pc-1-20) !important;
  --bs-btn-active-bg: var(--clr-pc-1-20) !important;
  --bs-btn-disabled-color: #ededed !important;
}
.btn-primary:focus {
  border-color: var(--clr-pc-1-20) !important;
  background-color: var(--clr-pc-1-20) !important;
}
.btn-tertiary {
  --bs-btn-bg: var(--clr-pc-2) !important;
  --bs-btn-border-color: var(--clr-pc-2) !important;
  --bs-btn-hover-bg: var(--clr-pc-2-60) !important;
  --bs-btn-hover-border-color: var(--clr-pc-2-60) !important;
  --bs-btn-active-bg: var(--clr-pc-2-60) !important;
  --bs-btn-disabled-color: #ededed !important;
}
.btn-tertiary:focus {
  border-color: var(--clr-pc-2-60) !important;
  background-color: var(--clr-pc-2-60) !important;
}

/* contact card */
.contact-card__body {
  background-color: #ededed !important;
}
/* related content slider */
.related-content__item .card-body {
  background-color: #ededed !important;
}