.icon-styles {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-styles {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.frame-type-contentelements_career_deranger {
  position: relative;
  width: 13rem;
  margin: auto; }
  .frame-type-contentelements_career_deranger .inner-wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    padding: 3.5rem 3rem 3rem; }
    .frame-type-contentelements_career_deranger .inner-wrap .header {
      margin-bottom: .5em; }
    .frame-type-contentelements_career_deranger .inner-wrap .text {
      font-size: 1rem; }
  .frame-type-contentelements_career_deranger a {
    color: #272716; }
    .frame-type-contentelements_career_deranger a:hover {
      color: inherit; }
      .frame-type-contentelements_career_deranger a:hover #deranger-bg {
        fill: #e5b700; }
  .frame-type-contentelements_career_deranger .close-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1rem;
    font-size: 0.5625rem;
    color: #0d6efd; }
    .frame-type-contentelements_career_deranger .close-btn:hover {
      color: #d2492a; }

aside.deranger {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 10vw;
  width: calc((100vw - 65.875rem) * .5);
  display: none;
  z-index: -1; }
  @media (min-width: 1600px) {
    aside.deranger {
      display: unset;
      z-index: unset; } }
  aside.deranger .ce-custom {
    transition: opacity .4s ease-in-out;
    position: fixed;
    top: 50%;
    transform: translate(50%, -50%);
    right: 50%;
    opacity: 0; }
    aside.deranger .ce-custom.is-active.top {
      right: 50%;
      transform: translate(50%, 0);
      position: absolute;
      top: 0;
      opacity: 1; }
    aside.deranger .ce-custom.fixed {
      right: calc((100vw - 65.875rem) * .25);
      bottom: auto !important;
      opacity: 1; }
    aside.deranger .ce-custom.bottom {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: auto !important;
      right: 50% !important;
      opacity: 1; }