body {
  background-color: var(--c-light-grey);
  color: var(--c-primary-dark);
  scroll-behavior: smooth;
}

body.menu-open,
body.search-open {
  overflow: hidden;
}

body.search-open .search-api-autocomplete-search {
  z-index: 101;
}

/* Autocomplete styles. */
.path-search .ui-widget.ui-widget-content,
.search-open .ui-widget.ui-widget-content {
  border-color: var(--c-light-grey);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.path-search .search-api-autocomplete-search .ui-menu-item a,
.search-open .search-api-autocomplete-search .ui-menu-item a {
  font-family: var(--font-body);
  display: inline-block;
  padding: var(--spacing-1-5);
  width: 100%;
  color: var(--c-grey);
}

.path-search .search-api-autocomplete-search .ui-menu-item .ui-state-active,
.path-search .search-api-autocomplete-search .ui-menu-item .ui-state-active .search-api-autocomplete-suggestion,
.search-open .search-api-autocomplete-search .ui-menu-item .ui-state-active,
.search-open .search-api-autocomplete-search .ui-menu-item .ui-state-active .search-api-autocomplete-suggestion {
  background: var(--c-t-blue-05);
  color: var(--c-primary-blue);
}

.path-search .search-api-autocomplete-suggestion,
.search-open .search-api-autocomplete-suggestion {
  padding: 0;
}

.path-search .search-api-autocomplete-suggestion .autocomplete-suggestion-user-input,
.search-open .search-api-autocomplete-suggestion .autocomplete-suggestion-user-input {
  font-weight: 400;
}

.path-search .search-api-autocomplete-suggestion .autocomplete-suggestion-suggestion-suffix,
.search-open .search-api-autocomplete-suggestion .autocomplete-suggestion-suggestion-suffix {
  font-weight: 700;
}

.bg-inverted {
  background-color: var(--bg-light);
  color: var(--c-body-primary);

  h1, h2, h3, h4, h5, h6 {
    color: var(--c-heading-primary);
  }
}
.vacancy-hero {
  max-width: 60rem;
  margin: auto;
}

/** Homepage **/
body.path-frontpage {
  background-color: var(--c-primary-blue);
  color: var(--c-body-invert);
}

/** Article Teaser **/
.text-white {
  color: var(--c-primary-light);
}
.teaser-image img {
  border-radius: 15px;
}
.article-metadata {
  display: flex;
  justify-content: space-between;
  max-width: 300px;
}
.article-teaser {
  max-width: 300px;
}

.article-grid-item {
  padding: 20px;
}
.article-grid-item:nth-child(2) {
  margin-top: 40px;
}
/** End Article Teaser **/

/** Drupal messages **/
.messages-list {
  .messages {
    background-color: var(--c-body-primary);

    .messages__close::before,
    .messages__close::after {
      border-top: 2px solid var(--c-primary-light);
    }
  }
}
/** End Drupal messages **/

/* Klaro dialog button. */
.klaro_toggle_dialog.klaro_toggle_dialog_override {
  right: 0.5rem;
  bottom: 0.5rem;
}

@media (min-width: 1200px) {
  .klaro_toggle_dialog.klaro_toggle_dialog_override {
    right: unset;
    left: 0.5rem;
  }
}