/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@media (min-width: 981px) {
  #related-items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    position: relative; }
    #related-items > div, #related-items article {
      margin-left: 30px;
      margin-top: 30px; } }
    @media (min-width: 981px) and (min-width: 768px) {
      #related-items > div, #related-items article {
        flex: 1 0 auto; } }
    @media (min-width: 981px) and (min-width: 560px) {
      #related-items > div, #related-items article {
        max-width: calc(50% - 30px); } }
    @media (min-width: 981px) and (min-width: 500px) {
      #related-items > div, #related-items article {
        min-width: calc(50% - 30px); } }

@media (max-width: 980px) {
  [id^="section-related-items-"], #related-items {
    margin-left: -1.5%;
    margin-right: -1.5%; } }

[id^="section-related-items-"] .related-item, #related-items .related-item {
  position: relative;
  background: #fff;
  border-radius: 16px;
  display: flex;
  margin-bottom: .5em; }
  [id^="section-related-items-"] .related-item a.overlay, #related-items .related-item a.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2; }
  [id^="section-related-items-"] .related-item .thumb, #related-items .related-item .thumb {
    flex-basis: 100px;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px; }
    [id^="section-related-items-"] .related-item .thumb > img, #related-items .related-item .thumb > img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0;
      -o-object-fit: cover;
         object-fit: cover; }
    [id^="section-related-items-"] .related-item .thumb .inner-thumb, #related-items .related-item .thumb .inner-thumb {
      background-size: cover;
      background-position: center;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transform: scale(1);
      transition: transform .3s ease-in-out; }
  [id^="section-related-items-"] .related-item .content, #related-items .related-item .content {
    padding: .5em;
    flex: 1; }
    [id^="section-related-items-"] .related-item .content .title, #related-items .related-item .content .title {
      color: #0db2e7;
      font-family: "MultipleSansPro", Helvetica, Arial, sans-serif;
      font-weight: 600;
      font-size: 15.93252px; }
      [id^="section-related-items-"] .related-item .content .title > a, #related-items .related-item .content .title > a {
        text-decoration: none;
        color: #0db2e7; }
        [id^="section-related-items-"] .related-item .content .title > a:after, #related-items .related-item .content .title > a:after {
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          width: 100%;
          height: 100%; }
    [id^="section-related-items-"] .related-item .content .event-data, #related-items .related-item .content .event-data {
      font-weight: 600;
      font-size: 15.93252px; }
  [id^="section-related-items-"] .related-item:hover .thumb .inner-thumb, #related-items .related-item:hover .thumb .inner-thumb {
    transform: scale(1.2); }

[id^="section-highlight-vacancies-"] .container {
  max-width: 800px; }
  [id^="section-highlight-vacancies-"] .container.job-alert-added {
    max-width: 1300px; }
    [id^="section-highlight-vacancies-"] .container.job-alert-added #job-alert-form {
      margin-top: 1em; }
    @media (min-width: 981px) {
      [id^="section-highlight-vacancies-"] .container.job-alert-added {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 2em; }
        [id^="section-highlight-vacancies-"] .container.job-alert-added .overview-link {
          flex-basis: 100%; }
        [id^="section-highlight-vacancies-"] .container.job-alert-added .main-info, [id^="section-highlight-vacancies-"] .container.job-alert-added #job-alert-form {
          flex: 1; }
        [id^="section-highlight-vacancies-"] .container.job-alert-added #job-alert-form {
          margin-top: 0; } }

[id^="section-highlight-vacancies-"] .select2-selection__choice {
  color: #000; }
  [id^="section-highlight-vacancies-"] .select2-selection__choice:before {
    display: none; }

[id^="section-highlight-vacancies-"] .vacancy-data {
  font-family: "MultipleSansPro", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14.93207px; }
  [id^="section-highlight-vacancies-"] .vacancy-data > span {
    display: block; }
  [id^="section-highlight-vacancies-"] .vacancy-data [class^="icon-"], [id^="section-highlight-vacancies-"] .vacancy-data [class*=" icon-"] {
    margin-right: .3em; }
  [id^="section-highlight-vacancies-"] .vacancy-data .time {
    position: relative;
    left: 22px;
    display: block; }

[id^="section-highlight-vacancies-"] .overview-link {
  display: block;
  text-align: center;
  margin-top: 1em; }

[id^="section-highlight-vacancies-"].blue .overview-link a {
  color: #fff; }

[id^="section-highlight-vacancies-"].light-blue {
  background-color: #D6F2FB; }
  [id^="section-highlight-vacancies-"].light-blue h2 {
    color: #1C3F85; }

/*# sourceMappingURL=highlightvacancies.css.map */