.text-mixin h1,
.text-mixin .h1,
.text-mixin h2,
.text-mixin .h2,
.text-mixin h3,
.text-mixin .h3,
.text-mixin h4,
.text-mixin .h4,
.text-mixin h5,
.text-mixin .h5,
.text-mixin h6,
.text-mixin .h6 {
  margin-top: 34px;
}
.text-mixin h1.zero-margin-top,
.text-mixin .h1.zero-margin-top,
.text-mixin h2.zero-margin-top,
.text-mixin .h2.zero-margin-top,
.text-mixin h3.zero-margin-top,
.text-mixin .h3.zero-margin-top,
.text-mixin h4.zero-margin-top,
.text-mixin .h4.zero-margin-top,
.text-mixin h5.zero-margin-top,
.text-mixin .h5.zero-margin-top,
.text-mixin h6.zero-margin-top,
.text-mixin .h6.zero-margin-top {
  margin-top: 0;
}
.text-mixin h1.extra-margin-top,
.text-mixin .h1.extra-margin-top,
.text-mixin h2.extra-margin-top,
.text-mixin .h2.extra-margin-top,
.text-mixin h3.extra-margin-top,
.text-mixin .h3.extra-margin-top,
.text-mixin h4.extra-margin-top,
.text-mixin .h4.extra-margin-top,
.text-mixin h5.extra-margin-top,
.text-mixin .h5.extra-margin-top,
.text-mixin h6.extra-margin-top,
.text-mixin .h6.extra-margin-top {
  margin-top: 60px;
}
.text-mixin h1,
.text-mixin .h1 {
  padding-bottom: 35px;
}
.text-mixin h2,
.text-mixin .h2 {
  padding-bottom: 23px;
}
.arrowlink::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0da";
  margin-right: 5px;
}
.padding {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1150px) {
  .padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 849px) {
  .padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1150px) {
  .padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 1150px) {
  .horizontal-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 849px) {
  .horizontal-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.vertical-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1150px) {
  .vertical-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.horizontal-margin {
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 1150px) {
  .horizontal-margin {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.drop-shadow-input {
  -webkit-box-shadow: 0px 4px 24px 0px #00000026;
  -moz-box-shadow: 0px 4px 24px 0px #00000026;
  box-shadow: 0px 4px 24px 0px #00000026;
}
.drop-shadow {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.drop-shadow-top {
  -webkit-box-shadow: 0px -15px 20px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -15px 20px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -15px 20px -10px rgba(0, 0, 0, 0.3);
}
.drop-shadow-bottom {
  -webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
}
.border-bottom {
  border-bottom: 3px solid #E9E9E9;
}
/* mixin for multiline */
* {
  outline: none;
}
html {
  height: 100%;
  overflow-y: -moz-scrollbars-vertical;
  overflow-y: scroll;
  overflow-x: hidden;
}
body {
  min-width: 320px;
  background-color: #ffffff;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  margin: 0;
  padding: 0;
}
ul.checked {
  padding-left: 25px;
  margin-bottom: -5px;
}
ul.checked li {
  margin-bottom: 5px;
}
ul.checked li:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  content: "\f00c";
  margin: 0 8px 0px -25px;
}
ul.circle {
  padding-left: 45px;
  margin: 20px 0 -5px;
}
ul.circle li {
  margin-bottom: 5px;
}
ul.circle li:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 6px;
  font-weight: 700;
  content: "\f111";
  margin: 0 8px 0px -25px;
  position: relative;
  top: -3px;
}
ol {
  padding: 0 15px 15px;
}
ol li {
  margin-bottom: 5px;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
iframe {
  border: none;
}
button,
input,
optgroup,
select,
textarea {
  width: 100%;
}
select {
  cursor: pointer;
}
select,
input[type="text"],
input[type="password"],
select,
textarea {
  font-weight: 500;
  color: #394976;
  height: 44px;
  line-height: 44px;
  border: none;
  border-radius: 20px;
  background: #ffffff !important;
  -webkit-transition: outline 0.5s ease;
  -moz-transition: outline 0.5s ease;
  -o-transition: outline 0.5s ease;
  -ms-transition: outline 0.5s ease;
  transition: outline 0.5s ease;
  padding: 0 10px;
}
@media only screen and (min-width: 1150px) {
  select,
  input[type="text"],
  input[type="password"],
  select,
  textarea {
    padding: 0 20px;
  }
}
select::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #394976;
  opacity: 0.5;
}
.input-hidden {
  position: absolute;
  opacity: 0;
}
textarea {
  height: 100px;
  line-height: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  resize: none;
}
input[type="radio"] {
  width: auto;
  cursor: pointer;
  margin: 3px 0 5px 0;
  float: left;
  margin-bottom: 10px;
}
input[type="radio"] + label {
  cursor: pointer;
  display: block;
  margin-left: 20px;
  margin-bottom: 10px;
}
input[type='checkbox'] + label {
  cursor: pointer;
}
.checkbox-wrapper {
  padding-left: 20px;
}
.checkbox-wrapper input[type='checkbox'] {
  cursor: pointer;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  float: left;
  opacity: 0;
  margin-left: -20px;
}
.checkbox-wrapper .checkboxIcon {
  position: relative;
  margin-top: 0px;
  font-size: 16px;
  height: 14px;
  width: 14px;
  margin-top: 3px;
  color: #2b85b9;
  float: left;
  margin-left: -20px;
}
.checkbox-wrapper .checkboxIcon:after {
  position: absolute;
  top: -3px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "\f0c8";
}
input[type='checkbox']:checked + label .checkboxIcon:after {
  content: "\f14a";
}
.button {
  width: auto;
  border: none;
  border-radius: 20px;
  position: relative;
  -webkit-transition: background-color 250ms ease-out;
  -moz-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
  display: inline-block;
  font-weight: 500;
  padding: 2px 15px 0px;
  line-height: 38px;
  color: #fff;
  cursor: pointer;
  background: #8B46F3;
  color: #ffffff;
}
.button:hover {
  background: #a976f6;
  color: #ffffff;
}
.button span {
  line-height: 20px;
}
.button.button-eol {
  margin-left: 10px;
}
.button.button-small {
  font-size: 10px;
  line-height: 12px;
  width: 100%;
  text-align: center;
  display: block;
  padding: 4px 10px;
}
.button.button-fullwidth {
  width: 100%;
  text-align: center;
  display: block;
}
.button.icon {
  font-size: 22px;
  padding: 0 12px;
}
.button:hover {
  color: #fff;
}
.button.yellow {
  background: #00D2FC;
  color: #ffffff;
}
.button.yellow:hover {
  background: #30dcff;
  color: #ffffff;
}
.button.green {
  background: #a0b200;
  color: #ffffff;
}
.button.green:hover {
  background: #cee500;
  color: #ffffff;
}
.button.whatsapp-green {
  background: #81ba73;
  color: #ffffff;
}
.button.whatsapp-green:hover {
  background: #a0cb95;
  color: #ffffff;
}
.button.grey {
  background: #b1b2b3;
  color: #ffffff;
}
.button.grey:hover {
  background: #cbcbcc;
  color: #ffffff;
}
.button.purple {
  background: #8B46F3;
  color: #ffffff;
}
.button.purple:hover {
  background: #a976f6;
  color: #ffffff;
}
.button.blue-light {
  background: #66bced;
  color: #ffffff;
}
.button.blue-light:hover {
  background: #94d0f2;
  color: #ffffff;
}
.button.transparent {
  opacity: 0.8;
}
.button.no-gradient {
  background: #2b85b9;
  color: #ffffff;
}
.button.no-gradient:hover {
  background: #449fd3;
  color: #ffffff;
}
.button.bottom {
  margin-bottom: 40px;
}
.sde-blue .button {
  color: #2b85b9;
  background: #ffffff;
  color: #ffffff;
}
.sde-blue .button:hover {
  color: #2b85b9;
}
.sde-blue .button:hover {
  background: #ffffff;
  color: #ffffff;
}
@media only screen and (min-width: 850px) {
  .button-smmd {
    width: auto;
    border: none;
    border-radius: 20px;
    position: relative;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
    display: inline-block;
    font-weight: 500;
    padding: 2px 15px 0px;
    line-height: 38px;
    color: #fff;
    cursor: pointer;
    background: #8B46F3;
    color: #ffffff;
  }
  .button-smmd:hover {
    background: #a976f6;
    color: #ffffff;
  }
  .button-smmd span {
    line-height: 20px;
  }
  .button-smmd.button-eol {
    margin-left: 10px;
  }
  .button-smmd.button-small {
    font-size: 10px;
    line-height: 12px;
    width: 100%;
    text-align: center;
    display: block;
    padding: 4px 10px;
  }
  .button-smmd.button-fullwidth {
    width: 100%;
    text-align: center;
    display: block;
  }
  .button-smmd.icon {
    font-size: 22px;
    padding: 0 12px;
  }
  .button-smmd:hover {
    color: #fff;
  }
  .button-smmd.yellow {
    background: #00D2FC;
    color: #ffffff;
  }
  .button-smmd.yellow:hover {
    background: #30dcff;
    color: #ffffff;
  }
  .button-smmd.green {
    background: #a0b200;
    color: #ffffff;
  }
  .button-smmd.green:hover {
    background: #cee500;
    color: #ffffff;
  }
  .button-smmd.whatsapp-green {
    background: #81ba73;
    color: #ffffff;
  }
  .button-smmd.whatsapp-green:hover {
    background: #a0cb95;
    color: #ffffff;
  }
  .button-smmd.grey {
    background: #b1b2b3;
    color: #ffffff;
  }
  .button-smmd.grey:hover {
    background: #cbcbcc;
    color: #ffffff;
  }
  .button-smmd.purple {
    background: #8B46F3;
    color: #ffffff;
  }
  .button-smmd.purple:hover {
    background: #a976f6;
    color: #ffffff;
  }
  .button-smmd.blue-light {
    background: #66bced;
    color: #ffffff;
  }
  .button-smmd.blue-light:hover {
    background: #94d0f2;
    color: #ffffff;
  }
  .button-smmd.transparent {
    opacity: 0.8;
  }
  .button-smmd.no-gradient {
    background: #2b85b9;
    color: #ffffff;
  }
  .button-smmd.no-gradient:hover {
    background: #449fd3;
    color: #ffffff;
  }
  .button-smmd.bottom {
    margin-bottom: 40px;
  }
}
.clearfix:after {
  content: "";
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.input-with-icon {
  position: relative;
  padding: 0 8px;
}
.input-with-icon i {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 40px;
  color: #2b85b9;
  opacity: 0.5;
  transition: 0.3s;
  font-size: 18px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  z-index: 1;
}
.input-with-icon select,
.input-with-icon input[type="text"] {
  padding-left: 40px;
  padding-top: 2px;
}
.input-with-icon input[type="text"]:focus + i {
  opacity: 1;
}
.container {
  position: relative;
  margin: 0px auto;
  max-width: 1180px;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (max-width: 849px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container-gray {
  background: #F7F7F7;
  padding-top: 75px;
  padding-bottom: 40px;
  margin-top: 40px;
}
.container-gray.bottom-spacing {
  margin-bottom: 75px;
}
.container-gray.no-top-spacing {
  margin-top: 0;
}
.content-headline {
  padding-top: 40px;
}
.content-area {
  padding-top: 40px;
  padding-bottom: 75px;
}
.content-area .content-area-center {
  text-align: center;
}
.content-area .content-area-box {
  position: relative;
}
.content-area .content-area-box.bluegrey-light {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #cddbe4;
}
@media only screen and (min-width: 1150px) {
  .content-area .content-area-box.bluegrey-light {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.content-area .content-area-box.blue {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #2b85b9;
  color: #fff;
}
@media only screen and (min-width: 1150px) {
  .content-area .content-area-box.blue {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.content-area .content-area-box.blue a {
  color: #fff;
}
.content-area .content-area-box.blue a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.content-area .content-area-box.blue-dark {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #045787;
  color: #fff;
}
@media only screen and (min-width: 1150px) {
  .content-area .content-area-box.blue-dark {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.content-area .content-area-box.blue-dark a {
  color: #fff;
}
.content-area .content-area-box.blue-dark a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.content-area .content-area-box.grey-light {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #efefef;
}
@media only screen and (min-width: 1150px) {
  .content-area .content-area-box.grey-light {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.content-area .content-area-box p {
  margin-bottom: 10px;
}
.content-area .content-area-box.content-area-text h1,
.content-area .content-area-box.content-area-text .h1,
.content-area .content-area-box.content-area-text h2,
.content-area .content-area-box.content-area-text .h2,
.content-area .content-area-box.content-area-text h3,
.content-area .content-area-box.content-area-text .h3,
.content-area .content-area-box.content-area-text h4,
.content-area .content-area-box.content-area-text .h4,
.content-area .content-area-box.content-area-text h5,
.content-area .content-area-box.content-area-text .h5,
.content-area .content-area-box.content-area-text h6,
.content-area .content-area-box.content-area-text .h6 {
  margin-top: 34px;
}
.content-area .content-area-box.content-area-text h1.zero-margin-top,
.content-area .content-area-box.content-area-text .h1.zero-margin-top,
.content-area .content-area-box.content-area-text h2.zero-margin-top,
.content-area .content-area-box.content-area-text .h2.zero-margin-top,
.content-area .content-area-box.content-area-text h3.zero-margin-top,
.content-area .content-area-box.content-area-text .h3.zero-margin-top,
.content-area .content-area-box.content-area-text h4.zero-margin-top,
.content-area .content-area-box.content-area-text .h4.zero-margin-top,
.content-area .content-area-box.content-area-text h5.zero-margin-top,
.content-area .content-area-box.content-area-text .h5.zero-margin-top,
.content-area .content-area-box.content-area-text h6.zero-margin-top,
.content-area .content-area-box.content-area-text .h6.zero-margin-top {
  margin-top: 0;
}
.content-area .content-area-box.content-area-text h1.extra-margin-top,
.content-area .content-area-box.content-area-text .h1.extra-margin-top,
.content-area .content-area-box.content-area-text h2.extra-margin-top,
.content-area .content-area-box.content-area-text .h2.extra-margin-top,
.content-area .content-area-box.content-area-text h3.extra-margin-top,
.content-area .content-area-box.content-area-text .h3.extra-margin-top,
.content-area .content-area-box.content-area-text h4.extra-margin-top,
.content-area .content-area-box.content-area-text .h4.extra-margin-top,
.content-area .content-area-box.content-area-text h5.extra-margin-top,
.content-area .content-area-box.content-area-text .h5.extra-margin-top,
.content-area .content-area-box.content-area-text h6.extra-margin-top,
.content-area .content-area-box.content-area-text .h6.extra-margin-top {
  margin-top: 60px;
}
.content-area .content-area-box.content-area-text h1,
.content-area .content-area-box.content-area-text .h1 {
  padding-bottom: 35px;
}
.content-area .content-area-box.content-area-text h2,
.content-area .content-area-box.content-area-text .h2 {
  padding-bottom: 23px;
}
.corners-round {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.corners-normal {
  border-radius: 0px;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
figure img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 850px) {
  .grey-fade {
    background: #cfcac1;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #cfcac1 20%, #6d6a64 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #cfcac1 20%, #6d6a64 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #cfcac1 20%, #6d6a64 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcac1', endColorstr='#6d6a64', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
  }
}
.background-blue {
  background: #2b85b9;
}
.background-blue-dark {
  background: #045787;
}
.background-blue-gradient {
  background: #045787;
  color: #fff;
  background: -moz-linear-gradient(top, #2b85b9 0%, #045787 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2b85b9 0%, #045787 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2b85b9 0%, #045787 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d84ac', endColorstr='#427191', GradientType=0);
  /* IE6-9 */
}
.background-blue-gradient a {
  color: #fff;
}
.background-blue-gradient a:hover {
  color: rgba(255, 255, 255, 0.5);
}
@font-face {
  font-family: 'AvantGardePro';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(/static/fonts/ITCAvantGardePro-Bk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'AvantGardePro';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url(/static/fonts/ITCAvantGardePro-Demi_1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'AvantGardePro';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url(/static/fonts/ITCAvantGardePro-Bold_1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: auto;
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: auto;
}
body {
  font-family: "AvantGardePro", sans-serif;
  font-size: 16px;
  line-height: 25px;
  color: #707070;
}
p,
.p {
  font-family: "AvantGardePro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
  text-transform: none;
}
.bold {
  font-weight: 700;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "AvantGardePro", sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0;
  display: block;
}
h1.inline,
.h1.inline,
h2.inline,
.h2.inline,
h3.inline,
.h3.inline,
h4.inline,
.h4.inline,
h5.inline,
.h5.inline,
h6.inline,
.h6.inline {
  display: inline-block;
}
h1.regular,
.h1.regular,
h2.regular,
.h2.regular,
h3.regular,
.h3.regular,
h4.regular,
.h4.regular,
h5.regular,
.h5.regular,
h6.regular,
.h6.regular {
  font-family: "AvantGardePro", sans-serif;
}
h1.max-width,
.h1.max-width,
h2.max-width,
.h2.max-width,
h3.max-width,
.h3.max-width,
h4.max-width,
.h4.max-width,
h5.max-width,
.h5.max-width,
h6.max-width,
.h6.max-width {
  max-width: 348px;
}
h1.center,
.h1.center,
h2.center,
.h2.center,
h3.center,
.h3.center,
h4.center,
.h4.center,
h5.center,
.h5.center,
h6.center,
.h6.center {
  text-align: center;
}
h1.white,
.h1.white,
h2.white,
.h2.white,
h3.white,
.h3.white,
h4.white,
.h4.white,
h5.white,
.h5.white,
h6.white,
.h6.white {
  color: #ffffff;
}
h1.blue,
.h1.blue,
h2.blue,
.h2.blue,
h3.blue,
.h3.blue,
h4.blue,
.h4.blue,
h5.blue,
.h5.blue,
h6.blue,
.h6.blue {
  color: #2b85b9;
}
h1.blue-dark,
.h1.blue-dark,
h2.blue-dark,
.h2.blue-dark,
h3.blue-dark,
.h3.blue-dark,
h4.blue-dark,
.h4.blue-dark,
h5.blue-dark,
.h5.blue-dark,
h6.blue-dark,
.h6.blue-dark {
  color: #045787;
}
h1.no-padding,
.h1.no-padding,
h2.no-padding,
.h2.no-padding,
h3.no-padding,
.h3.no-padding,
h4.no-padding,
.h4.no-padding,
h5.no-padding,
.h5.no-padding,
h6.no-padding,
.h6.no-padding {
  padding-bottom: 0px;
}
h1,
.h1 {
  font-size: 36px;
  line-height: 48px;
  padding-bottom: 40px;
  margin-top: -9px;
}
h1.bottom,
.h1.bottom {
  padding-bottom: 30px;
}
@media only screen and (max-width: 849px) {
  h1,
  .h1 {
    font-size: 30px;
    line-height: 36px;
    margin-top: -6px;
  }
}
h1 span.fa,
.h1 span.fa {
  font-size: 30px;
  margin-right: 10px;
}
@media only screen and (max-width: 849px) {
  h1 span.fa,
  .h1 span.fa {
    font-size: 26px;
  }
}
h2,
.h2 {
  font-size: 30px;
  line-height: 36px;
  padding-bottom: 40px;
  margin-top: -6px;
}
h3,
.h3,
h4,
.h4 {
  font-size: 25px;
  line-height: 30px;
  padding-bottom: 23px;
  margin-top: -6px;
}
h5,
.h5 {
  font-size: 20px;
  line-height: 24px;
  margin-top: -5px;
  padding-bottom: 13px;
}
.text h2,
.text .h2 {
  margin-top: 14px;
}
.text h2:first-of-type,
.text .h2:first-of-type {
  margin-top: -6px;
}
.text h3,
.text .h3 {
  margin-top: 16px;
}
.text h3:first-of-type,
.text .h3:first-of-type {
  margin-top: -4px;
}
.text p {
  margin-bottom: 24px;
}
.text ul {
  margin-bottom: 25px;
}
.text ul li {
  list-style: square;
  margin-left: 20px;
}
.text table {
  margin-bottom: 25px;
  width: 66%;
}
.text table td {
  width: 50%;
  vertical-align: top;
  padding: 10px;
  border: 1px solid #b1b2b3;
}
.text table td p {
  margin-bottom: 4px;
}
a {
  color: #8B46F3;
  font-weight: 500;
  text-decoration: none;
}
a:hover {
  color: #a976f6;
  text-decoration: none;
}
a.yellow {
  color: #e3e925;
}
a.yellow:hover {
  color: #e9ee53;
}
a.green {
  color: #a0b200;
}
a.green:hover {
  color: #cee500;
}
a.purple {
  color: #b5228b;
}
a.purple:hover {
  color: #d832a9;
}
a.white {
  color: #fff;
}
a.white:hover {
  color: rgba(255, 255, 255, 0.5);
}
a:focus,
a a:active,
a a:visited {
  text-decoration: none;
}
a.icon {
  display: block;
  padding-left: 15px;
}
a.icon .fa {
  float: left;
  margin-left: -15px;
  margin-top: 4px;
}
.background-blue,
.background-blue-dark,
.background-blue-gradient {
  color: #fff;
}
.background-blue a,
.background-blue-dark a,
.background-blue-gradient a {
  color: #fff;
}
.background-blue a:hover,
.background-blue-dark a:hover,
.background-blue-gradient a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1600px) {
  .show-max {
    display: none;
  }
}
@media only screen and (max-width: 849px) {
  .show-md {
    display: none;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1149px) {
  .show-md {
    display: none;
  }
}
@media only screen and (min-width: 1150px) {
  .hide-md {
    display: none;
  }
}
@media only screen and (max-width: 849px) {
  .show-sm {
    display: none;
  }
}
@media only screen and (min-width: 1150px) {
  .show-sm {
    display: none;
  }
}
@media only screen and (min-width: 850px) {
  .show-xs {
    display: none;
  }
}
@media only screen and (max-width: 849px) {
  .hide-xs {
    display: none;
  }
}
.block-with-text {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 75px;
}
.block-with-headline {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 60px;
}
#lightbox-loader-container {
  z-index: 1100;
  position: fixed;
  width: 100%;
  top: 0;
  opacity: 0;
}
#lightbox-loader-container #lightbox-loader-overlay {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
#lightbox-loader-container #lightbox-loader {
  display: none;
  background-color: #ffffff;
  text-align: center;
  line-height: 40px;
  position: absolute;
  width: 100%;
}
body.lightboxOpened {
  overflow: hidden;
}
.lightbox-container {
  z-index: 1050;
  position: fixed;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 849px) {
  .lightbox-container {
    padding: 0 10px;
  }
}
.lightbox-container .lightbox-dialog {
  max-width: 630px;
  min-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.lightbox-container .lightbox-dialog#emailbewerbung-lightbox,
.lightbox-container .lightbox-dialog#rueckrufanfordern-lightbox,
.lightbox-container .lightbox-dialog#folgebewerbung-lightbox {
  max-width: 888px;
}
.lightbox-container .lightbox-dialog .lightbox-content {
  background-color: #ffffff;
  border-bottom: 3px solid #E9E9E9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square {
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #CDD5E9;
}
.lightbox-container .lightbox-dialog .lightbox-content #onlinebewerbung-info-wrapper .box .kundenlogo {
  margin-left: 10px;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog .lightbox-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square .lightbox-header {
  position: relative;
  min-height: 140px;
  background: #2b85b9;
  color: #fff;
  background: -moz-linear-gradient(top, #2b85b9 0%, #66bced 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2b85b9 0%, #66bced 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2b85b9 0%, #66bced 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d84ac', endColorstr='#66bced', GradientType=0);
  /* IE6-9 */
  border-radius: 0;
}
.lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square .lightbox-header a {
  color: #fff;
}
.lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square .lightbox-header a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square .lightbox-header .lightbox-header-title {
  padding-top: 25px;
  margin-top: 0;
}
.lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square .lightbox-header .lightbox-header-text {
  max-width: 360px;
}
.lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square .lightbox-header .lightbox-header-image {
  position: absolute;
  top: 0;
  right: 40px;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog .lightbox-content.lightbox-content-square .lightbox-header .lightbox-header-image {
    display: none;
  }
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-header {
  background-color: #ffffff;
  color: #8B46F3;
  padding: 0px 30px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #CDD5E9;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-header #schliessen-wrapper {
  float: right;
  cursor: pointer;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-header #schliessen-wrapper span {
  line-height: 45px;
  font-size: 24px;
  padding: 2px 0 0 0;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog .lightbox-content .lightbox-header #schliessen-wrapper span {
    font-size: 20px;
  }
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-header #title {
  font-family: "AvantGardePro", sans-serif;
  font-size: 20px;
  line-height: 45px;
  font-weight: bold;
  margin: 0;
  padding: 2px 0 0 0;
  display: block;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog .lightbox-content .lightbox-header #title {
    font-size: 20px;
  }
  .lightbox-container .lightbox-dialog .lightbox-content .lightbox-header #title span {
    display: none;
  }
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .row {
  margin-left: -8px;
  margin-right: -8px;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .row .col {
  padding-left: 8px;
  padding-right: 8px;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .formError .formErrorContent {
  color: #efefef;
  background: #b1b2b3;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .formError .formErrorArrow > div {
  background: #b1b2b3;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body #lightbox-content-error,
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body #lightbox-content-success {
  display: none;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body hr {
  border: none;
  height: 1px;
  background: #CDD5E9;
  margin: 0;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box {
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0px 20px;
}
@media only screen and (min-width: 1150px) {
  .lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box {
    margin: 0px 30px;
  }
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box .checkbox-wrapper {
  margin-bottom: 5px;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box .h4 {
  margin-top: 20px;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box .h4:first-of-type {
  margin-top: 0;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box p,
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box input[type="text"],
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box input[type="password"],
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box input[type="submit"],
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box textarea,
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box .button,
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box select {
  margin-bottom: 10px;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box input[type="text"],
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box input[type="password"],
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box input[type="submit"],
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body .box textarea {
  border: 1px solid #CDD5E9;
}
.lightbox-container .lightbox-dialog .lightbox-content .lightbox-body #tarpitarp {
  height: 0px;
  overflow: hidden;
  border: none;
  margin: 0;
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content {
    background: #ffffff;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content.onlinebewerbung-info {
  border-bottom: none;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content.onlinebewerbung-info .lightbox-header {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header {
  background-color: #2b85b9;
  color: #ffffff;
  padding: 40px 50px;
  position: relative;
}
@media only screen and (min-width: 850px) and (max-width: 1149px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header {
    padding: 30px 20px;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header .fas {
  position: absolute;
  font-size: 40px;
  top: 50px;
  left: 50px;
}
@media only screen and (max-width: 1149px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header .fas {
    left: 20px;
  }
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header .fas {
    top: 50%;
    transform: translate(0, -50%);
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header #schliessen-wrapper {
  position: absolute;
  top: 0px;
  right: 20px;
  float: none;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header #title {
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  padding-right: 20px;
  padding-left: 60px;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header #title .error-message {
  display: none;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header #title .success-message {
  display: block;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header #title .success-message {
    display: none;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header #title .success-message-mobile {
  display: none;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-header #title .success-message-mobile {
    display: block;
  }
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1150px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body .box {
    margin: 0px 50px;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-infotext-wrapper .box {
  padding-bottom: 0px;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-infotext-wrapper .box h2 {
    padding-bottom: 0;
    font-size: 20px;
  }
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-infotext-wrapper .box p {
    display: none;
  }
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box {
    margin: 0px 0px;
  }
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box.onlinebewerbung-widget-box {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper {
  background-color: #F7F7F7;
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper {
    width: 44%;
    border-right: 30px solid #ffffff;
  }
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: -webkit-sticky;
    /*Safari*/
    position: sticky;
    width: 100%;
    bottom: 0px;
    right: 0px;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-info-wrapper {
  margin-bottom: -20px;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-info-wrapper {
    display: none;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-info-wrapper #zusatz-unternehmen {
  margin-bottom: 30px;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-info-wrapper .jobinfo {
  position: relative;
  padding-left: 30px;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-info-wrapper .jobinfo span {
  position: absolute;
  top: 3px;
  left: 0px;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-user-options {
    position: -webkit-sticky;
    /*Safari*/
    position: sticky;
    top: 0px;
    z-index: 1;
    background: #F7F7F7;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-user-options .box {
  padding-top: 10px;
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-user-options .box.datencheck-wrapper {
    display: none;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-user-options .box.datencheck-wrapper #datencheck {
  display: block;
  text-align: center;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-user-options .box .button {
  width: 100%;
  margin-bottom: 0px;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper {
    display: none;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper .col_buttons .rename {
  display: none;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper #onlinebewerbung-anlagen-wrapper .col_name .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper #onlinebewerbung-anlagen-wrapper .col_name .name {
    width: 110px;
  }
}
@media only screen and (max-width: 650px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper #onlinebewerbung-anlagen-wrapper .col_name .name {
    width: 350px;
  }
}
@media only screen and (max-width: 550px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper #onlinebewerbung-anlagen-wrapper .col_name .name {
    width: 250px;
  }
}
@media only screen and (max-width: 450px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper #onlinebewerbung-anlagen-wrapper .col_name .name {
    width: 150px;
  }
}
@media only screen and (max-width: 350px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper #onlinebewerbung-input-wrapper #onlinebewerbung-anlagen-wrapper .col_name .name {
    width: 120px;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper .box {
  margin: 0px 30px;
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box #onlinebewerbung-wrapper .box {
    margin: 0px 20px;
  }
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box {
  position: relative;
}
.lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box .jobview-iframe {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 850px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box .jobview-iframe {
    position: absolute;
    width: 56%;
    right: 0px;
    height: 100% !important;
  }
}
@media only screen and (max-width: 849px) {
  .lightbox-container .lightbox-dialog.folgebewerbung .lightbox-content .lightbox-body #onlinebewerbung-widget .box .jobview-iframe {
    min-height: 1000px;
  }
}
#kontrolleaenderungsenden-lightbox .kommantar-textarea {
  display: none;
}
#AjaxOverlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.6);
}
#AjaxOverlay .spinner {
  position: relative;
  top: 50%;
  margin-top: -20px;
}
.spinner,
.loader {
  margin: 0 auto;
  width: 70px;
  text-align: center;
  height: 40px;
  padding: 8px 0;
}
.spinner div,
.loader div {
  width: 18px;
  height: 18px;
  background-color: #2b85b9;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner div.bounce1,
.loader div.bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner div.bounce2,
.loader div.bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.generic-tooltip {
  pointer-events: none;
  position: absolute;
  background-color: #8B46F3;
  color: #ffffff;
  padding: 15px;
  z-index: 100;
  width: 200px;
}
.generic-tooltip:before {
  position: absolute;
  color: #8B46F3;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 36px;
}
.generic-tooltip.yellow {
  background-color: #e3e925;
}
.generic-tooltip.yellow:before {
  color: #e3e925;
}
.generic-tooltip.purple {
  background-color: #FC01B5;
}
.generic-tooltip.purple:before {
  color: #FC01B5;
}
.generic-tooltip.top:before {
  top: 100%;
  margin-top: -9px;
  left: 50%;
  margin-left: -10px;
  content: "\f0d7";
}
.generic-tooltip.bottom:before {
  top: -18px;
  left: 50%;
  margin-left: -10px;
  content: "\f0d8";
}
.generic-tooltip.left:before {
  top: 50%;
  margin-top: -10px;
  left: 100%;
  margin-left: -2px;
  content: "\f0da";
}
.generic-tooltip.right:before {
  top: 50%;
  margin-top: -10px;
  left: -11px;
  content: "\f0d9";
}
.generic-tooltip.align-left:before {
  left: 19px;
}
.generic-tooltip.align-right:before {
  right: 10px;
  left: initial;
}
.jobview-iframe-wrapper {
  display: block;
}
.jobview-iframe-wrapper.inactive {
  display: none;
}
.jobview-iframe-wrapper .spinner {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
}
.jobview-iframe-wrapper.jobview-iframe-wrapper-initial {
  height: 2000px;
}
.jobview-iframe-wrapper.jobview-iframe-wrapper-initial .spinner {
  display: block;
}
.jobview-iframe-wrapper .jobview-iframe {
  min-height: 1000px;
  width: 100%;
  display: block;
  background: #ffffff;
}
.jobview-iframe-wrapper #jobview-job-end {
  display: none;
  margin: 0;
  border-top: 1px solid;
  border-color: #ffffff;
}
.JetztBewerben .btnBewerben * {
  pointer-events: none;
}
#freigabePopup {
  background-color: #ffffff;
  margin-bottom: -20px;
}
#freigabePopup #freigabeFunktionen {
  border-right: 1px solid #000000;
  width: 400px;
  min-height: 100% !important;
  position: relative;
  z-index: 10;
}
#freigabePopup #freigabeFunktionen h3 {
  font-weight: bold;
  margin: 0 0 5px 0;
}
#freigabePopup #freigabeFunktionen #freigabeDetails {
  padding: 20px;
}
#freigabePopup #freigabeFunktionen #freigabeDetails ul > li {
  margin: 0 0 5px 0;
  cursor: pointer;
}
#freigabePopup #freigabeFunktionen #freigabeDetails ul > li ul {
  margin-top: 2px;
  overflow: hidden;
  display: none;
}
#freigabePopup #freigabeFunktionen #freigabeDetails ul > li ul li {
  list-style: disc;
  list-style-position: inside;
  margin-left: 15px;
}
#freigabePopup #freigabeFunktionen #freigabeDetails #freigabeAnzeigenDetails {
  margin-bottom: 20px;
}
#freigabePopup #freigabeFunktionen #freigabeDetails #freigabeAnzeigenDetails .freigabeKundenlogo {
  margin: 0 0 -20px 10px;
  padding: 0 20px 20px 20px;
}
#freigabePopup #freigabeFunktionen #freigabeDetails #freigabeAnzeigenDetails p {
  margin: 7px 0px 0px 0px;
}
#freigabePopup #freigabeFunktionen #freigabeDetails #freigabeAnzeigenDetails .table {
  display: table;
}
#freigabePopup #freigabeFunktionen #freigabeDetails #freigabeAnzeigenDetails .table b {
  display: table-cell;
  padding-right: 5px;
}
#freigabePopup #freigabeFunktionen #freigabeDetails #freigabeAnzeigenDetails .table span {
  display: table-cell;
}
#freigabePopup #freigabeFunktionen #freigabeLogo {
  padding: 20px 50%;
  background-color: #B6FFD2;
}
#freigabePopup #freigabeFunktionen #freigabeLogo img {
  margin-left: -67px;
}
#freigabePopup #freigabeFunktionen .freigabeStatus {
  padding: 10px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
#freigabePopup #freigabeFunktionen #freigabeStatusOnline {
  background-color: #00CC00;
}
#freigabePopup #freigabeFunktionen #freigabeStatusNichtOnline {
  background-color: #fe741b;
}
#freigabePopup #freigabeFunktionen #freigabeStatusAbgelaufen {
  background-color: #ff0000;
}
#freigabePopup #freigabeFunktionen #freigabeDetails > div {
  margin-bottom: 20px;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort {
  height: 45px;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort a {
  width: 50%;
  float: left;
  padding: 10px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #freigabeSenden {
  background-color: #00CC00;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #freigabeSenden :hover {
  background-color: #009900;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #anzeigeAktivieren {
  background-color: #00CC00;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #anzeigeAktivieren :hover {
  background-color: #009900;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #aenderungSenden {
  background-color: #FF0000;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #aenderungSenden :hover {
  background-color: #990000;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #anzeigeAktivieren {
  background-color: #00CC00;
}
#freigabePopup #freigabeFunktionen #freigabeAntwort #anzeigeAktivieren :hover {
  background-color: #009900;
}
#freigabePopup #freigabeFunktionen #freigabeKontakt {
  padding: 20px;
}
#freigabePopup #freigabeFunktionen #aktivierungsDatum {
  padding: 20px;
}
#freigabePopup #freigabeFunktionen #aktivierungsDatum p {
  margin-bottom: 10px;
}
#freigabePopup #freigabeFunktionen #aktivierungsDatum #publish_date_future_radio {
  margin-top: 13px;
}
#freigabePopup #freigabeFunktionen #aktivierungsDatum #publish_date_future {
  padding: 0px 10px;
  width: 105px;
  margin-left: 7px;
}
#freigabePopup #freigabeFunktionen #aktivierungsDatum.error {
  color: #FF0000;
}
#freigabePopup #freigabeFunktionen #aktivierungsDatum.error #publish_date_future {
  color: #FF0000;
}
#freigabePopup #anzeigeFreigabe {
  position: absolute;
  width: 100%;
  top: 0;
}
@media only screen and (min-width: 1150px) {
  #freigabePopup #anzeigeFreigabe {
    padding-left: 399px;
  }
}
@media only screen and (min-width: 1150px) {
  #freigabePopup #anzeigeFreigabe .anzeigefreigabe-content {
    border-left: 1px solid #000000;
  }
}
#freigabePopup #anzeigeFreigabe .anzeigefreigabe-content #freigabeInfobox {
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
#freigabePopup #anzeigeFreigabe .anzeigefreigabe-content #freigabeInfobox p {
  font-weight: 500;
  margin: 0;
}
#kontrollePopup {
  background-color: #ffffff;
  margin-bottom: -20px;
}
#kontrollePopup #kontrolleFunktionen {
  width: 400px;
  min-height: 100% !important;
  position: absolute;
  z-index: 10;
  margin-top: 20px;
}
#kontrollePopup #kontrolleFunktionen h3 {
  line-height: 20px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails {
  padding: 20px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails ul > li {
  margin: 0 0 5px 0;
  cursor: pointer;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails ul > li ul {
  margin-top: 2px;
  overflow: hidden;
  display: none;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails ul > li ul li {
  list-style: disc;
  list-style-position: inside;
  margin-left: 15px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetails {
  margin-bottom: 20px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetails .kontrolleKundenlogo {
  margin: 0 0 -20px 10px;
  padding: 0 20px 20px 20px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetails p {
  margin: 7px 0px 0px 0px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetails .kontrollewordwrap {
  word-wrap: break-word;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetailsRegionenwrapper {
  overflow: hidden;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetailsRegionenlabel {
  float: left;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetailsRegionen {
  overflow: hidden;
  margin: 7px 0px 0px 0px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails #kontrolleAnzeigenDetailsRegionen p {
  margin: 0px 0px 0px 7px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleLogo {
  padding: 20px 50%;
}
#kontrollePopup #kontrolleFunktionen #kontrolleLogo img {
  margin-left: -115px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleDetails > div {
  margin-bottom: 20px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleAntwort {
  height: 45px;
}
#kontrollePopup #kontrolleFunktionen #kontrolleAntwort a {
  width: 50%;
  float: left;
  padding: 10px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}
#kontrollePopup #kontrolleFunktionen #kontrolleAntwort #aenderungSenden {
  background-color: #FF0000;
}
#kontrollePopup #kontrolleFunktionen #kontrolleAntwort #aenderungSenden :hover {
  background-color: #990000;
}
#kontrollePopup #kontrolleFunktionen #kontrolleAntwort #anzeigeFehlerfrei {
  background-color: #00CC00;
}
#kontrollePopup #kontrolleFunktionen #kontrolleAntwort #anzeigeFehlerfrei :hover {
  background-color: #009900;
}
#kontrollePopup #kontrolleFunktionen #kontrolleKontakt {
  padding: 20px;
}
#kontrollePopup #anzeigeKontrolle {
  position: absolute;
  width: 100%;
  top: 0;
}
@media only screen and (min-width: 1150px) {
  #kontrollePopup #anzeigeKontrolle {
    padding-left: 399px;
  }
}
@media only screen and (min-width: 1150px) {
  #kontrollePopup #anzeigeKontrolle .anzeigekontrolle-content {
    border-left: 1px solid #000000;
  }
}
#kontrollePopup #anzeigeKontrolle .anzeigekontrolle-content #kontrolleInfobox {
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
#kontrollePopup #anzeigeKontrolle .anzeigekontrolle-content #kontrolleInfobox p {
  font-weight: 500;
  margin: 0;
}
.jobview-toolbar {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  padding: 10px 0px;
  -webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.3);
}
.jobview-toolbar .jobview-toolbar-outer-wrapper {
  float: right;
  position: relative;
  left: -50%;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper {
  position: relative;
  left: 50%;
  margin-top: -10px;
}
@media (max-width: 1600px) {
  .jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper #jobview-toolbar-element-sde {
    display: none;
  }
}
@media (max-width: 1360px) {
  .jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper #jobview-toolbar-element-verlag {
    display: none;
  }
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .button {
  z-index: 11;
  margin-right: 7px;
  margin-top: 10px;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .button.active {
  background: #FC01B5;
  color: #ffffff;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .button.active:hover {
  background: #fe32c4;
  color: #ffffff;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .jobview-toolbar-element-input {
  margin-right: 0px;
  border: 2px solid #8B46F3;
  background: #ffffff;
  color: #8B46F3;
  line-height: 36px;
  width: 210px;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .jobview-toolbar-element-input.active {
  background: #ffffff;
  border-color: #FC01B5;
  color: #FC01B5;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .jobview-toolbar-element-input.active:hover {
  background: #ffffff;
  color: #FC01B5;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .jobview-toolbar-element-input-active {
  position: absolute;
  z-index: 12;
  display: none;
  width: 210px;
  padding: 2px 15px 0;
  height: 42px;
  border: 2px solid #FC01B5;
  border-radius: 20px;
  background-color: #fff;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .jobview-toolbar-element-input-active label {
  color: #FC01B5;
  font-weight: 500;
  margin-right: 5px;
}
.jobview-toolbar .jobview-toolbar-outer-wrapper .jobview-toolbar-inner-wrapper .jobview-toolbar-element-input-active input {
  color: #FC01B5;
  font-weight: bold;
  width: 60px;
  height: 36px;
  display: inline-block;
  padding: 0;
  border: none;
}
.jobview-outer-wrapper-toolbar {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
}
.jobview-outer-wrapper-toolbar .jobview-toolbar-size-info {
  display: none;
  opacity: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  padding: 0px 15px;
  line-height: 40px;
  top: 10px;
  left: 10px;
  font-size: 10px;
}
.jobview-outer-wrapper-toolbar .jobview-toolbar-size-info span {
  font-weight: bold;
  font-size: 14px;
}
.jobview-outer-wrapper-toolbar .jobview-wrapper-toolbar {
  margin: 0px auto;
  overflow: hidden;
}
.jobview-outer-wrapper-toolbar .jobview-wrapper-toolbar .jobview-iframe {
  background-color: #fff;
}
.kundenlogo .kundenlogo-img-wrapper,
.kundenlogo a {
  display: inline-block;
  background-color: #fff;
}
.kundenlogo .kundenlogo-img-wrapper .kundenlogo-img,
.kundenlogo a .kundenlogo-img {
  max-width: 100px;
  max-height: 45px;
  width: 100px;
  height: 45px;
}
.kundenlogo.desaturate a img {
  filter: saturate(0%);
  -webkit-filter: saturate(0%);
  -moz-filter: saturate(0%);
  -o-filter: saturate(0%);
  -ms-filter: saturate(0%);
}
.kundenlogo.desaturate a:hover img {
  filter: saturate(100%);
  -webkit-filter: saturate(100%);
  -moz-filter: saturate(100%);
  -o-filter: saturate(100%);
  -ms-filter: saturate(100%);
}