/**
 * 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
 */
#section-heading {
  min-height: 530px;
  position: relative;
  background: linear-gradient(252deg, #184182, #4a9dc4, #23407d, #4088a7);
  background-size: 240% 240%;
  -webkit-animation: gradient-animation 30s ease infinite;
          animation: gradient-animation 30s ease infinite; }
  @media (min-width: 981px) {
    #section-heading {
      display: flex; } }
  #section-heading .usps {
    display: flex;
    gap: 1em;
    align-items: center; }
    @media (max-width: 980px) {
      #section-heading .usps {
        padding: 1em;
        flex-wrap: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
        width: 110%;
        margin-left: -5%;
        gap: 2em; } }
    @media (min-width: 981px) {
      #section-heading .usps {
        justify-content: center;
        position: absolute;
        top: 1rem;
        left: 0;
        z-index: 1; } }
    #section-heading .usps .usp {
      padding: .25em 0;
      color: #fff; }
      #section-heading .usps .usp span {
        color: #ffc840;
        margin-right: .25em; }
  #section-heading .share-function {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem; }
    @media (min-width: 981px) {
      #section-heading .share-function {
        position: absolute;
        right: 0; } }
    #section-heading .share-function .share-button {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background-color: #fff;
      border: 0;
      color: #1C3F85;
      border-radius: 50px;
      display: inline-flex;
      padding: 8px 12px 8px 16px;
      justify-content: center;
      align-items: center;
      align-content: center;
      gap: .4rem;
      flex-wrap: wrap;
      cursor: pointer;
      font-weight: 700;
      font-size: 14px;
      line-height: 1;
      text-decoration: none; }
    #section-heading .share-function .close-header-share-overlay {
      display: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: none;
      border: 0;
      padding: 0; }
    #section-heading .share-function.used .close-header-share-overlay {
      display: block;
      content: '';
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      inset: 0;
      z-index: 99;
      cursor: pointer; }
  #section-heading .container {
    position: relative;
    z-index: 2;
    max-width: 1400px; }
    @media (min-width: 981px) {
      #section-heading .container {
        display: flex;
        gap: 3rem;
        margin-bottom: -10rem; } }
    #section-heading .container .block {
      padding-top: 5rem;
      position: relative;
      z-index: 9;
      width: 100%;
      max-width: 750px;
      margin-top: auto; }
      @media (max-width: 980px) {
        #section-heading .container .block {
          top: 8.5rem;
          margin-top: -8.5rem; } }
      #section-heading .container .block h1 {
        color: #fff;
        margin: .5rem 0; }
      #section-heading .container .block .vacancy-info {
        margin-top: 2.5rem;
        background-color: #fff;
        border-radius: 16px;
        padding: 2rem 1rem;
        box-shadow: 0 0 100px 5px rgba(0, 0, 0, 0.15); }
        @media (min-width: 768px) {
          #section-heading .container .block .vacancy-info {
            padding: 2rem; } }
        #section-heading .container .block .vacancy-info .meta-info {
          display: grid;
          grid-template-columns: 1fr;
          gap: 1.5rem;
          align-items: center; }
          @media (min-width: 768px) {
            #section-heading .container .block .vacancy-info .meta-info {
              grid-template-columns: repeat(2, 1fr); } }
          #section-heading .container .block .vacancy-info .meta-info .meta {
            display: inline-flex;
            align-items: center;
            gap: .75rem; }
            #section-heading .container .block .vacancy-info .meta-info .meta [class^="icon-"], #section-heading .container .block .vacancy-info .meta-info .meta [class*=" icon-"] {
              color: #40c7e9;
              font-size: 22px; }
              @media (min-width: 768px) {
                #section-heading .container .block .vacancy-info .meta-info .meta [class^="icon-"], #section-heading .container .block .vacancy-info .meta-info .meta [class*=" icon-"] {
                  font-size: 24px; } }
            #section-heading .container .block .vacancy-info .meta-info .meta .h5, #section-heading .container .block .vacancy-info .meta-info .meta .h4 {
              color: #1C3F85;
              font-size: 18px; }
              @media (min-width: 768px) {
                #section-heading .container .block .vacancy-info .meta-info .meta .h5, #section-heading .container .block .vacancy-info .meta-info .meta .h4 {
                  font-size: 20px; } }
            #section-heading .container .block .vacancy-info .meta-info .meta .key {
              display: block;
              color: #1C3F85; }
        #section-heading .container .block .vacancy-info .buttons {
          margin: 1.5rem 0;
          display: flex;
          flex-direction: column; }
          #section-heading .container .block .vacancy-info .buttons a {
            width: 100%; }
        #section-heading .container .block .vacancy-info .contact-person {
          display: flex;
          align-items: center;
          gap: 1rem;
          justify-content: center;
          font-weight: 700; }
          @media (max-width: 767px) {
            #section-heading .container .block .vacancy-info .contact-person {
              flex-direction: column; } }
          #section-heading .container .block .vacancy-info .contact-person .thumbnail {
            position: relative;
            overflow: hidden;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            flex-basis: 40px; }
            #section-heading .container .block .vacancy-info .contact-person .thumbnail img {
              position: absolute;
              -o-object-fit: cover;
                 object-fit: cover;
              width: 100%;
              height: 100%;
              inset: 0; }
          #section-heading .container .block .vacancy-info .contact-person .name a {
            color: #40c7e9;
            transition: color .3s ease-in-out;
            text-decoration: none; }
            #section-heading .container .block .vacancy-info .contact-person .name a .main {
              text-decoration: underline; }
            #section-heading .container .block .vacancy-info .contact-person .name a:hover {
              color: #1C3F85;
              text-decoration: none; }
              #section-heading .container .block .vacancy-info .contact-person .name a:hover .main {
                text-decoration: none; }
      #section-heading .container .block .id {
        text-decoration: none;
        color: #1C3F85;
        margin-top: 1rem;
        display: inline-block; }
  #section-heading .image {
    position: absolute;
    overflow: hidden;
    bottom: 2rem;
    right: 0;
    border-radius: 50%;
    display: none;
    box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.3);
    width: 300px;
    height: 300px; }
    @media (min-width: 1280px) {
      #section-heading .image {
        display: flex; } }
    @media all and (min-width: 1350px) {
      #section-heading .image {
        width: 430px;
        height: 430px; } }
    #section-heading .image img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      inset: 0; }
  #section-heading + section {
    padding-top: calc(80px + 8.5rem); }
    @media (min-width: 981px) {
      #section-heading + section {
        padding-top: calc(80px + 10rem); } }

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