/***********************************************
*
* Less Datei zur Karriereportal Website
* Letzte Änderung: 28.11.2019, 10:12:01 von js
* Farbdefinitionen APO karriereportal CI-Farben
*
*/
body.karrierekompass,
body.karrieresub {
  background: #3791ab url("css-images/bck-karriere.png") repeat-x scroll;
}
body.karrierekompass .top-nav,
body.karrieresub .top-nav {
  display: none;
}
body.karrierekompass .top-nav .top-nav__btn.top-nav__btn--search,
body.karrieresub .top-nav .top-nav__btn.top-nav__btn--search {
  order: 1;
}
body.karrierekompass .top-nav .top-nav__btn.top-nav__btn--contact,
body.karrieresub .top-nav .top-nav__btn.top-nav__btn--contact {
  order: 2;
}
body.karrierekompass .top-nav .top-nav__btn.top-nav__btn--login,
body.karrieresub .top-nav .top-nav__btn.top-nav__btn--login {
  order: 4;
}
body.karrierekompass .top-nav .top-nav__btn#top-link-apobank,
body.karrieresub .top-nav .top-nav__btn#top-link-apobank {
  order: 3;
}
@media only screen and (min-width: 960px) {
  body.karrierekompass .top-nav .top-nav__btn#top-link-apobank,
  body.karrieresub .top-nav .top-nav__btn#top-link-apobank {
    background: url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/css/css-images/logo-topnavlink-blue.png") center left no-repeat;
    background-position-x: 0;
  }
}
.karrierekompass {
  /* global dif to apobank.de */
  /* Font */
  /* Karriere Kompass 3-spaltige TEASER REIHE STARTSEITE */
  /* TEASER REIHE STARTSEITE ENDE */
}
.karrierekompass #main {
  background: transparent;
}
.karrierekompass #main *,
.karrierekompass #main *:after,
.karrierekompass #main *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.karrierekompass .hand {
  cursor: pointer;
}
.karrierekompass .help {
  cursor: help;
}
.karrierekompass .hidden {
  display: none !important;
}
.karrierekompass #main {
  position: static;
  clear: both;
  margin: 0 auto;
  padding: inherit;
}
.karrierekompass .campaign-area .section-teaser {
  background-color: transparent;
}
.karrierekompass #main-content {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.karrierekompass.no-marginal #main-content {
  background-color: transparent;
}
.karrierekompass .module-teaser h2 {
  border: 0;
}
.karrierekompass .top-link .icon-top {
  box-sizing: content-box !important;
}
.karrierekompass #allTeasers {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  table-layout: auto;
  list-style-type: none;
  padding: 0;
  margin: 20px 0 0;
  width: 100%;
}
@media all and (max-width: 959px) {
  .karrierekompass #allTeasers {
    padding: 0 15px;
  }
}
@media all and (min-width: 960px) {
  .karrierekompass #allTeasers {
    justify-content: space-between;
  }
}
.karrierekompass #allTeasers a.anker {
  display: none !important;
}
.karrierekompass #allTeasers .text {
  position: static;
  top: auto;
  margin: 0;
}
.karrierekompass #allTeasers .text p {
  margin: 0;
}
.karrierekompass #allTeasers .incognitoTeaser {
  min-width: 300px;
  width: 300px !important;
  margin: 0 0 23px;
}
@media (min-width: 635px) and (max-width: 959px) {
  .karrierekompass #allTeasers .incognitoTeaser {
    margin: 0 15px 15px 0;
  }
}
.karrierekompass .module {
  margin: 0;
}
.karrierekompass .btn .module-linklist__icon,
.karrierekompass .module-linklist svg {
  padding-left: 0;
}
.karrierekompass .card {
  position: relative;
  height: 355px;
  max-height: 355px;
  width: 300px;
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: flex-start;
  overflow: hidden;
  box-shadow: 0 3px 25px -5px rgba(0, 0, 0, 0.55);
}
.karrierekompass .card .cardHead {
  background-color: #ffffff;
  color: #1e325f;
  height: 50px;
  min-height: 50px;
  padding: 5px 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.karrierekompass .card .cardHead h2,
.karrierekompass .card .cardHead p {
  margin: 0;
  font-size: 1.15em;
  line-height: 1.16em;
  color: #1e325f;
  font-weight: 600;
}
.karrierekompass .card .cardHead a,
.karrierekompass .card .cardHead p {
  color: #1e325f;
  display: block !important;
}
.karrierekompass .card .cardHead svg {
  width: 25px;
  height: 25px;
  fill: #1e325f;
}
.karrierekompass .card .cardContent {
  background-color: #839ba5;
  color: #ffffff;
  height: 100%;
}
@media screen and (-moz-os-version) {
  .karrierekompass .card .cardContent {
    margin-right: -17px;
  }
}
@media screen and (-moz-os-version) {
  .karrierekompass .card .cardContent .simplebar-track {
    right: 17px;
  }
}
.karrierekompass .card .cardContent .more-info {
  background-color: #ffffff;
}
.karrierekompass .card .cardContent .more-info svg {
  fill: #839ba5;
}
.karrierekompass .card .cardContent h2 {
  color: #ffffff;
}
.karrierekompass .card .cardContent .simplebar-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: nowrap column;
  justify-content: flex-start;
}
.karrierekompass .card .cardContent .simplebar-content .module.module-accordion > .acc-wrapper {
  margin-bottom: 1px;
}
.karrierekompass .card .cardContent .owl-carousel .owl-item .image-holder {
  height: 280px;
}
.karrierekompass .card .cardContent .owl-carousel .owl-item .text {
  position: relative;
  height: 75px;
  background: #1e325f;
  padding: 5px 15px;
}
.karrierekompass .card .cardContent .owl-carousel .owl-item .text h2,
.karrierekompass .card .cardContent .owl-carousel .owl-item .text h3 {
  color: #ffffff;
}
.karrierekompass .card .cardContent .owl-carousel .owl-item .text h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.38461538em;
  margin-bottom: 0;
}
.karrierekompass .card .cardContent .owl-carousel .owl-item .text h3 {
  display: inline-block;
  width: 86%;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.38461538em;
}
.karrierekompass .card .cardContent .owl-carousel .owl-item .text a {
  position: relative;
  bottom: 0;
  right: 0;
  background-image: none;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  height: 30px;
  width: 30px;
}
.karrierekompass .card .cardContent .owl-carousel .owl-item .text a [class*='icon-'] {
  margin: 0 2px;
}
.karrierekompass .card .cardContent .owl-carousel .owl-nav svg use {
  fill: #1e315f;
}
.karrierekompass .card .cardContent .export {
  height: auto;
  padding: 0;
}
.karrierekompass .card .cardContent .loader {
  display: inline-block;
  width: 120px;
  height: 120px;
}
.karrierekompass .card .cardContent .loader .loader--ball {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ecf0f1;
  -webkit-transform-origin: 0 60px;
  -ms-transform-origin: 0 60px;
  transform-origin: 0 60px;
  display: block;
  -webkit-animation: 2s rotate cubic-bezier(0.775, 0.03, 0.35, 1) infinite;
  animation: 2s rotate cubic-bezier(0.775, 0.03, 0.35, 1) infinite;
}
.karrierekompass .card .cardContent .loader .loader--ball:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.karrierekompass .card .cardContent .loader .loader--ball:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.karrierekompass .card .cardContent .loader .loader--ball:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.karrierekompass .card .cardContent .loader .loader--ball:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.karrierekompass .card .cardContent .loader .loader--ball:first-child {
  background: none;
}
.karrierekompass .card .cardContent .loader .loader--ball__first:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  background: #ecf0f1;
  display: block;
  border-radius: 50%;
  -webkit-animation: 2s grow cubic-bezier(0.775, 0.035, 0.31, 1) infinite;
  animation: 2s grow cubic-bezier(0.775, 0.035, 0.31, 1) infinite;
}
.karrierekompass .card .cardContent .l-btn {
  display: flex;
  flex-flow: wrap column;
  margin: 10px !important;
}
.karrierekompass .card .cardContent .l-btn ul li {
  float: none !important;
  margin: 0 !important;
}
.karrierekompass .card .cardContent .l-btn ul li a.btn {
  padding: 0 5px;
}
.karrierekompass .card .cardContent .l-btn ul li a.btn svg {
  order: 2 !important;
}
.karrierekompass .card .cardContent .l-btn ul li a.btn span.module-linklist__title {
  order: 1 !important;
  margin-right: 35px;
  font-size: 13px;
  font-weight: bold;
}
.karrierekompass .card .cardFoot {
  background-color: #1e325f;
  color: #ffffff;
  min-height: 75px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 15px;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.karrierekompass .card .cardFoot a,
.karrierekompass .card .cardFoot p {
  font-size: 15px;
  color: #ffffff;
}
.karrierekompass .card .cardFoot a strong,
.karrierekompass .card .cardFoot p strong {
  font-size: 18px;
  font-weight: 700;
}
.karrierekompass .card .simplebar-track .simplebar-scrollbar {
  background: #f08300;
}
.karrierekompass .card .weiss {
  background-color: #ffffff;
  color: #1e325f;
}
.karrierekompass .card .weiss a,
.karrierekompass .card .weiss h2,
.karrierekompass .card .weiss p {
  color: #1e325f;
}
.karrierekompass .card .weiss a {
  font-weight: 600;
}
.karrierekompass .card .weiss .btn {
  background-color: #1e325f;
  color: #ffffff !important;
  border: 0;
}
.karrierekompass .card .weiss .btn svg {
  fill: #ffffff !important;
}
.karrierekompass .card .weiss.cardHead svg {
  fill: #1e325f;
}
.karrierekompass .card .weiss.cardContent svg {
  fill: #1e325f;
}
.karrierekompass .card .weiss.cardContent .checked-list li {
  color: #1e325f;
}
.karrierekompass .card .weiss .more-info {
  background-color: #1e325f;
}
.karrierekompass .card .weiss .more-info svg {
  fill: #ffffff;
}
.karrierekompass .card .hellgrau {
  background-color: #e7e9eb;
  color: #1e325f;
}
.karrierekompass .card .hellgrau a,
.karrierekompass .card .hellgrau h2,
.karrierekompass .card .hellgrau p {
  color: #1e325f;
}
.karrierekompass .card .hellgrau .btn {
  background-color: #1e325f;
  color: #ffffff !important;
  border: 0;
}
.karrierekompass .card .hellgrau .btn svg {
  fill: #ffffff !important;
}
.karrierekompass .card .hellgrau.cardHead svg {
  fill: #1e325f;
}
.karrierekompass .card .hellgrau.cardContent svg {
  fill: #1e325f;
}
.karrierekompass .card .hellgrau.cardContent .checked-list li {
  color: #1e325f;
}
.karrierekompass .card .hellgrau .more-info {
  background-color: #1e325f;
}
.karrierekompass .card .hellgrau .more-info svg {
  fill: #ffffff;
}
.karrierekompass .card .hellblau {
  background-color: #839ba5;
  color: #ffffff;
}
.karrierekompass .card .hellblau a,
.karrierekompass .card .hellblau h2,
.karrierekompass .card .hellblau p {
  color: #ffffff;
}
.karrierekompass .card .hellblau .btn {
  background-color: #ffffff;
  color: #839ba5 !important;
  border: 0;
}
.karrierekompass .card .hellblau .btn svg {
  fill: #839ba5 !important;
}
.karrierekompass .card .hellblau.cardHead svg {
  fill: #ffffff;
}
.karrierekompass .card .hellblau.cardContent svg {
  fill: #ffffff;
}
.karrierekompass .card .hellblau.cardContent .checked-list li {
  color: #ffffff;
}
.karrierekompass .card .hellblau .more-info {
  background-color: #ffffff;
}
.karrierekompass .card .hellblau .more-info svg {
  fill: #839ba5;
}
.karrierekompass .card .grau {
  background-color: #404040;
  color: #ffffff;
}
.karrierekompass .card .grau a,
.karrierekompass .card .grau h2,
.karrierekompass .card .grau p {
  color: #ffffff;
}
.karrierekompass .card .grau .btn {
  background-color: #ffffff;
  color: #404040 !important;
  border: 0;
}
.karrierekompass .card .grau .btn svg {
  fill: #404040 !important;
}
.karrierekompass .card .grau.cardHead svg {
  fill: #ffffff;
}
.karrierekompass .card .grau.cardContent svg {
  fill: #ffffff;
}
.karrierekompass .card .grau.cardContent .checked-list li {
  color: #ffffff;
}
.karrierekompass .card .grau .more-info {
  background-color: #ffffff;
}
.karrierekompass .card .grau .more-info svg {
  fill: #404040;
}
.karrierekompass .card .graublau {
  background-color: #8c91a0;
  color: #ffffff;
}
.karrierekompass .card .graublau a,
.karrierekompass .card .graublau h2,
.karrierekompass .card .graublau p {
  color: #ffffff;
}
.karrierekompass .card .graublau .btn {
  background-color: #ffffff;
  color: #8c91a0 !important;
  border: 0;
}
.karrierekompass .card .graublau .btn svg {
  fill: #8c91a0 !important;
}
.karrierekompass .card .graublau.cardHead svg {
  fill: #ffffff;
}
.karrierekompass .card .graublau.cardContent svg {
  fill: #ffffff;
}
.karrierekompass .card .graublau.cardContent .checked-list li {
  color: #ffffff;
}
.karrierekompass .card .graublau .more-info {
  background-color: #ffffff;
}
.karrierekompass .card .graublau .more-info svg {
  fill: #8c91a0;
}
.karrierekompass .card .blau {
  background-color: #1e325f;
  color: #ffffff;
}
.karrierekompass .card .blau a,
.karrierekompass .card .blau h2,
.karrierekompass .card .blau p {
  color: #ffffff;
  font-weight: normal;
}
.karrierekompass .card .blau .btn {
  background-color: #ffffff;
  color: #1e325f !important;
  border: 0;
}
.karrierekompass .card .blau .btn svg {
  fill: #1e325f !important;
}
.karrierekompass .card .blau.cardHead svg {
  fill: #ffffff;
}
.karrierekompass .card .blau.cardContent svg {
  fill: #ffffff;
}
.karrierekompass .card .blau.cardContent .checked-list li {
  color: #ffffff;
}
.karrierekompass .card .blau .more-info {
  background-color: #ffffff;
}
.karrierekompass .card .blau .more-info svg {
  fill: #1e325f;
}
.karrierekompass .card .transparent {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
}
.karrierekompass .card.withmaxheight .cardContent {
  max-height: 340px !important;
}
.karrierekompass [data-type=linklist] ul {
  margin: 0;
  padding: 0;
}
.karrierekompass [data-type=linklist] ul a {
  display: flex;
  padding: 15px;
  border-bottom: 1px #dedede solid;
  width: 100%;
  justify-content: space-between;
}
.karrierekompass [data-type=linklist] ul a svg.icon-link {
  order: 3;
}
.karrierekompass [data-type=linklist] ul a svg.icon-link-extern {
  order: 2;
  margin: 0 10px 0 0;
}
.karrierekompass [data-type=linklist] ul a span.module-linklist__title {
  order: 1;
  flex-grow: 2;
  font-weight: bold;
}
.karrierekompass [data-type=accordion] .cardContent .module-accordion > .acc-wrapper {
  margin-bottom: 0;
}
.karrierekompass [data-type=accordion] .cardContent .module-accordion > .acc-wrapper > .acc-header {
  font-size: 1.1em;
  background-color: transparent;
  border: 0;
  border-bottom: 1px #dedede solid;
  cursor: pointer;
  padding: 7px 15px;
  width: 100%;
}
.karrierekompass [data-type=accordion] .cardContent .module-accordion > .acc-wrapper > .acc-content > .acc-inner {
  border: 0;
  padding: 15px;
}
.karrierekompass [data-type=bildlinklist] .cardContent .module-teaser {
  height: auto !important;
  border: none;
  padding: 15px 0 10px;
  border-bottom: 1px #dedede solid;
  max-width: 300px;
}
.karrierekompass [data-type=bildlinklist] .cardContent .module-teaser h2 {
  font-size: 12px;
  background: transparent;
  padding-left: 0.8em;
}
.karrierekompass [data-type=bildlinklist] .cardContent .module-teaser .content {
  position: relative;
  top: 0;
  height: auto;
  display: flex;
  flex-flow: nowrap row;
  justify-content: flex-start;
  background: transparent;
}
.karrierekompass [data-type=bildlinklist] .cardContent .module-teaser .content .figure {
  width: 30%;
  height: auto;
  padding-right: 0;
}
.karrierekompass [data-type=bildlinklist] .cardContent .module-teaser .content .figure img {
  margin: 3px 0 0;
  padding-left: 7px;
  display: block;
  width: 100%;
}
.karrierekompass [data-type=bildlinklist] .cardContent .module-teaser .content .text {
  width: 70%;
  height: auto;
  padding: 0 35px 0 7px;
}
.karrierekompass [data-type=bildtext] .cardContent .text,
.karrierekompass [data-type=bildtext] .cardContent h2,
.karrierekompass [data-type=bildtext] .cardContent h3 {
  padding: 0 10px;
}
.karrierekompass [data-type=bildtext] .cardContent h2 {
  padding-top: 10px;
  font-size: 12px;
}
.karrierekompass [data-type=bildtext] .cardContent h3 {
  font-size: 14px;
}
.karrierekompass [data-type=bildtext] .cardContent p em,
.karrierekompass [data-type=bildtext] .cardContent p strong {
  display: block;
  margin-bottom: 0.66666667em;
}
.karrierekompass [data-type=bildtext] .cardContent p strong {
  padding-top: 10px;
  font-size: 12px;
}
.karrierekompass [data-type=bildtext] .cardContent p em {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.karrierekompass [data-type=bildtext] .cardContent .module-text-with-media .image {
  display: inherit;
  position: static;
  margin: 0;
  max-width: inherit;
}
.karrierekompass [data-type=bildtext] .module-imagebox .content {
  padding: 0;
}
.karrierekompass [data-type=bildtext] .module-imagebox img {
  min-height: 280px;
}
.karrierekompass .fbstream .cardContent .text,
.karrierekompass .scrubsmag .cardContent .text,
.karrierekompass .youtube .cardContent .text {
  padding-top: 45px;
}
.karrierekompass .fbstream .cardContent .text p strong,
.karrierekompass .scrubsmag .cardContent .text p strong,
.karrierekompass .youtube .cardContent .text p strong {
  position: absolute;
  left: 0;
  top: 145px;
  width: 100%;
  height: 30px;
  font-size: 1.1em;
  font-weight: normal;
  padding-left: 10px;
  padding-top: 6px;
  color: #ffffff;
  /*&:before {
                            display: block;
                            content: ''; // background-color: @studiweiss;
                            height: 20px;
                            width: 20px;
                            position: absolute;
                            left: 10px;
                            top: 5px;
                        }*/
}
.karrierekompass .fbstream .cardContent .text p em,
.karrierekompass .scrubsmag .cardContent .text p em,
.karrierekompass .youtube .cardContent .text p em {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.4em;
}
.karrierekompass .scrubsmag .cardContent .text p strong {
  background-color: #8cb4dc;
}
.karrierekompass .scrubsmag .cardContent .text p strong:before {
  background-color: #ffffff;
}
.karrierekompass .youtube .cardContent .text p strong {
  background-color: #1e325f;
  /*&:before {
                            //background-color: @studiweiss;
                            background: url(/content/dam/g8008-0/individualisierung/internetneu_4/19_2/css/css-images/youtube_25x25.png) top left no-repeat;
                            background-size: cover;
                        }*/
}
.karrierekompass .fbstream .cardContent .text {
  padding-top: 0;
}
.karrierekompass .fbstream .cardContent .text p strong {
  background-color: #3791aa;
  top: 0;
  width: 94%;
}
.karrierekompass .fbstream .cardContent .text p strong:before {
  background: url("/content/dam/g8008-0/individualisierung/internetneu_4/19_2/incognitoFBStream/img/icon_fb.png") top left no-repeat;
  background-size: cover;
}
.karrierekompass .tooltip {
  position: absolute;
  top: 50px;
  left: 300px;
  padding: 15px;
  bottom: 0;
  right: inherit;
  z-index: 5555;
  font-size: 16px;
  color: #404040;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.karrierekompass .tooltip.show {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
}
.karrierekompass .card .cardContent .loader {
  display: none;
}
.karrierekompass .card.loader .cardContent {
  display: flex;
  flex-flow: nowrap column;
  justify-content: center;
}
.karrierekompass .card.loader .cardContent .loader {
  display: block;
}
.karrierekompass .card.loader .cardFoot,
.karrierekompass .card.loader .cardHead {
  visibility: hidden;
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  transition: all 0.5s ease-in-out;
}
.karrierekompass .module.module-text-with-media.ym-clearfix:not(#einleitungstext-mehr) {
  display: flex;
  flex-flow: nowrap column;
  max-width: 300px;
}
@media only screen and (max-width: 639px) {
  .karrierekompass .module-teaser h2 {
    padding: 0 0.83333333em;
  }
}
.karrierekompass .breadcrumb.empty {
  display: none;
}
.karrierekompass .export .module-text-with-media .figure {
  order: 1;
  margin: 0 !important;
}
.karrierekompass .export .module-text-with-media h2 {
  order: 2;
}
.karrierekompass .export .module-text-with-media h3 {
  order: 3;
}
.karrierekompass .export .module-text-with-media .text {
  order: 4;
}
.karrierekompass .module.module-headline-with-media.ym-clearfix.einleitungstext {
  padding: 1.5em;
  margin: 1em 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.karrierekompass .module.module-headline-with-media.ym-clearfix.einleitungstext > .text > p > a {
  font-weight: 600;
}
@media all and (max-width: 639px) {
  .karrierekompass .module.module-headline-with-media.ym-clearfix.einleitungstext {
    border-top: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
  }
}
.karrierekompass .module.module-text-with-media.ym-clearfix#einleitungstext-mehr {
  padding: 1.5em;
  margin: 1em 0;
  background-color: rgba(255, 255, 255, 0.8);
}
@media all and (max-width: 639px) {
  .karrierekompass .module.module-text-with-media.ym-clearfix#einleitungstext-mehr {
    border-top: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
  }
}
@media all and (max-width: 639px) {
  .karrierekompass .mobile-nav {
    z-index: 9999999999;
  }
}
.karrierekompass #header,
.karrierekompass .ym-wrapper {
  background: none;
}
.karrierekompass .nav-primary {
  background: #ffffff;
}
.karrierekompass .section-teaser .text strong,
.karrierekompass b,
.karrierekompass strong {
  font-weight: 700;
}
.karrierekompass #header .module-headline-with-media h1,
.karrierekompass #main-content .module-adviser .appointment,
.karrierekompass #main-content .module-adviser .callback,
.karrierekompass #main-content .module-adviser .e-mail,
.karrierekompass #main-content .module-adviser .facebook,
.karrierekompass #main-content .module-adviser .fax,
.karrierekompass #main-content .module-adviser .position,
.karrierekompass #main-content .module-adviser .tel,
.karrierekompass .bne-container__text .checked-list li,
.karrierekompass .bne-teaser h3,
.karrierekompass .bne-teaser__content .checked-list li,
.karrierekompass .comparison .contra h3,
.karrierekompass .comparison .pro h3,
.karrierekompass .flyout__headline,
.karrierekompass .formular .summary dd,
.karrierekompass .gallery-lb-item h1,
.karrierekompass .gallery-lb-item h2,
.karrierekompass .homepage .module-teaser .flyout > .text .checked-list li,
.karrierekompass .layer .flyout > h2,
.karrierekompass .layer-contact .module-linklist.l-social h3,
.karrierekompass .lightbox .module-adviser .appointment,
.karrierekompass .lightbox .module-adviser .callback,
.karrierekompass .lightbox .module-adviser .e-mail,
.karrierekompass .lightbox .module-adviser .facebook,
.karrierekompass .lightbox .module-adviser .fax,
.karrierekompass .lightbox .module-adviser .position,
.karrierekompass .lightbox .module-adviser .tel,
.karrierekompass .lightbox-content h1,
.karrierekompass .lightbox-content h2,
.karrierekompass .mobile-nav-wrapper .flyout__headline,
.karrierekompass .mobile-nav__headline,
.karrierekompass .module-accordion > .acc-wrapper > .acc-header,
.karrierekompass .module-event-detail th,
.karrierekompass .module-flyout-teaser h3,
.karrierekompass .module-location-detail th,
.karrierekompass .module-magazine-index h3,
.karrierekompass .module-magazine-teaser h3,
.karrierekompass .module-statusbar div::after,
.karrierekompass .module-table th,
.karrierekompass .module-table.l-matrix .label-horizontal,
.karrierekompass .module-table.l-matrix .label-vertical,
.karrierekompass .module-tagfilter .column-2 label,
.karrierekompass .module-tagfilter .column-3 label,
.karrierekompass .module-tagfilter-form .slider-result,
.karrierekompass .module-tagfilter-input .row > label,
.karrierekompass .no-js .tab,
.karrierekompass .result-item .checked-list li,
.karrierekompass .result-item > a > ul li:last-child,
.karrierekompass .result-item h3,
.karrierekompass .secondary-page-area-box h3,
.karrierekompass .section-teaser .claim .subline,
.karrierekompass .section-teaser .text,
.karrierekompass .select-row .group label,
.karrierekompass .sitemap-level-1 > li > a,
.karrierekompass .sitemap-level-1 > li > span,
.karrierekompass .text .checked-list li,
.karrierekompass .text-media-contact__text .checked-list li,
.karrierekompass .ui-slider-legend-item,
.karrierekompass .widgets .widget .layer-login.open .flyout h2,
.karrierekompass h2,
.karrierekompass table .checked-list li {
  font-weight: 400;
}
.karrierekompass .module h2,
.karrierekompass .ym-grid h2 {
  color: #7ea1c4;
  font-size: 1.6em;
  font-weight: normal;
}
.karrierekompass .btn-gruen .module h2 {
  font-size: 1.25em;
  font-weight: 700;
}
.karrierekompass .module.module-accordion .acc-wrapper.active .acc-content.active .acc-inner {
  background-color: #e8f0f8;
}
.karrierekompass .module-accordion > .acc-wrapper > .acc-header,
.karrierekompass .module-accordion > .acc-wrapper > .acc-header.active {
  border-top: 1px solid #1e325f;
  border-bottom: 1px solid #e7e9eb;
  padding: 5px 0;
  font-weight: 700;
  color: #1e325f;
  font-size: 1.25em;
}
.karrierekompass .kk-3s {
  display: flex;
  table-layout: unset;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  padding: 0 15px;
}
@media all and (min-width: 660px) and (max-width: 959px) {
  .karrierekompass .kk-3s {
    flex-flow: row wrap;
    align-items: stretch;
  }
}
@media (min-width: 960px) {
  .karrierekompass .kk-3s {
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    width: 100%;
  }
}
.karrierekompass .kk-3s h3 {
  background-color: #ff6600;
  color: #ffffff;
  padding: 15px;
  font-size: 1.1rem;
  font-weight: normal;
  margin: 0;
  max-width: 300px;
  width: 300px;
}
@media all and (min-width: 635px) and (max-width: 659px) {
  .karrierekompass .kk-3s h3 {
    margin: 0 15px 0 0;
  }
}
@media all and (min-width: 660px) and (max-width: 959px) {
  .karrierekompass .kk-3s h3 {
    margin: 0 15px 15px 0;
  }
}
@media (min-width: 960px) {
  .karrierekompass .kk-3s h3 {
    width: 100%;
    max-width: 100%;
  }
}
.karrierekompass .kk-3s .ym-g33 {
  background-color: #ffffff;
  margin: 0 0 15px;
  min-height: auto;
  width: 300px;
  height: 140px;
  float: none;
}
@media all and (max-width: 959px) and (min-width: 635px) {
  .karrierekompass .kk-3s .ym-g33 {
    margin: 0 15px 15px 0;
  }
}
.karrierekompass .kk-3s .ym-g33 .module-text-with-media {
  display: flex;
  flex-flow: row nowrap !important;
  max-width: inherit !important;
  height: 100%;
  width: 300px;
}
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-left .figure,
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-right .figure {
  margin: 0;
  width: 100%;
}
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-left .figure .image,
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-right .figure .image {
  margin: 0;
  max-width: inherit;
  width: 100%;
  position: relative;
  height: 100%;
}
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-left .figure .image img,
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-right .figure .image img {
  width: 100%;
  max-width: inherit;
  display: block;
  height: 100%;
}
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-left .text,
.karrierekompass .kk-3s .ym-g33 .module-text-with-media.media-right .text {
  margin: 0;
  width: 100%;
  padding: 20px 10px;
}
.karrierekompass .kk-3s .ym-g33 .ym-gbox-left,
.karrierekompass .kk-3s .ym-g33 .ym-gbox-right {
  padding: 0;
  height: 100%;
  width: 300px;
}
.karrierekompass .kk-3s p {
  color: #1e315f;
}
.karrierekompass .kk-3s.ym-clearfix:after,
.karrierekompass .kk-3s.ym-clearfix:before {
  display: none;
  visibility: hidden;
  opacity: 0;
}
@media all and (max-width: 959px) {
  .karrierekompass #kompassCard {
    display: none;
  }
}
.karrierekompass #kompassCard .card {
  box-shadow: none;
}
.karrierekompass #kompassCard .card .cardContent {
  background-color: transparent;
}
.karrierekompass .breadcrumb {
  display: none;
}
/**
    * Preloader keyframes
    */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes grow {
  0%,
  10% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
  50% {
    width: 10px;
    height: 10px;
    left: -5px;
  }
  100%,
  85% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
}
@keyframes grow {
  0%,
  10% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
  50% {
    width: 10px;
    height: 10px;
    left: -5px;
  }
  100%,
  85% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
}