body { background-color: #ffffff; font-family: 'Cachet W01 Book'; color: #1e285f; }
.font { font-family: 'Cachet W01 Book'; color: #1e285f; }
.form-control:focus { border-color: #FFFFFF; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(197,197,197,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(197,197,197,.6); }
a, a:focus, .form-control, .nav-button { color: #1e285f; font-family: 'Cachet W01 Book'; }
a:hover { color: #1e285f; font-family: 'Cachet W01 Book'; }
a:focus, a:hover { text-decoration: none; font-family: 'Cachet W01 Book';}
.nav-item, .button { background-color: #1e285f; border-color: #1e285f; color: #ffffff; }
.button { border: 2px solid #1e285f; }
.button:hover, .button:focus { background-color: #1e285f; color: #ffffff; }
.button1 {background-color: #9bc8cd; }
.nav-row [class*="col-"] { padding-top: 8px; padding-bottom: 8px; }
.nav-row, .nav-row td, .nav-row .nav-item, .nav-row [class*="col-"] { background-color: #ffffff; min-height: 36px; }
.inlinelink {color: #9bc8cd; }
@media (min-width: 767px) {
  .pdfasjobdetail .nav-row [class*="col-"class*="col-"] { line-height: 40px; }
  .nav-row.even, .nav-row.even td, .nav-row.even .nav-item, .nav-row.even [class*="col-"] { background-color: #d9d9d9; }
  .nav-row a { color: #1e285f; }
  .nav-row.even a { color: #ffffff; }
  a.nav-item:hover { color: #1e285f; }
  .nav-row.even .nav-item:hover { color: #1e285f; }
  .nav-row span.nav-item, .nav-row span.nav-item:hover { color: #1e285f; }
  .nav-row.even a.button:hover { color: #ffffff; }
  .languageselection { position: absolute; top: 10px; right: 25px; list-style: none; text-transform: uppercase; }
  .content-title { font-weight: normal; }
  .required.control-label:after { content: "*"; color: red; }
  .table { table-layout: fixed; width: 100%; border-spacing: 0; background-color: #ffffff; border: none; }
  .table>tbody>tr>td { border-top: none; }
  select { background-color:#fff; :inherit; border:1px solid #ccc; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); color:rgba(0,0,0,0.75); display:block; font-size:16px; margin:0 0 12px 0; padding:6px; height:32px; width:100%; -webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -o-transition:all 0.15s linear; transition:all 0.15s linear; }
  .progress, .abort-btn, .percent { display: none; }
  .progress-bar-border { height: 15px; display: block; border: 1px solid #000000; }
  .progress-bar-bulk { height: 100%; background-color: #000000; }
  .fileDeleteBtn:hover { cursor: pointer; }
  .infoblock { background-color: #FFFFFF ; color: #1e285f; }
  .errortext { color: #c00000; }
  #appform { font-family: 'Cachet W01 Book'; color: #1e285f; }
  #appform input, #appform select { margin-bottom: 10px; }
  #appform input[type="checkbox"] { margin-bottom: 27px; }
  #appform input[type="checkbox"].termsandconditions { margin-bottom: 5px; }
  #appform input[type="checkbox"].imageAgreementCheckbox { margin-bottom: 0px; }
  #appform label {font-family: 'Cachet W01 Book'; font-weight: bold; cursor: pointer; }
  #appform .error { border-color: #c00000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  #appform .error:focus, #appform .error:focus + small.error { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(192, 0, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(192, 0, 0, 0.6); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  #appform small.error { background-color: #c00000; margin-top: -10px; display: block; padding: 5px 15px; color: #ffffff; margin-bottom: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
  .jobdetailpage .pdf-container iframe { width: 100%; height: 100%; border: none; }
  .jobdetailpage .pdf-container { height: 1320px; }
  .jobdetailpage .pdf-container .pdf-navigation .item { vertical-align: middle;}
  .jobdetailpage .pdf-container .pdf-navigation { color: #ffffff; margin: 0; width: 260px; min-width: 260px; height: 52px; background-color: #1e285f; position:relative; left: 50%; margin-left: -130px; bottom: 140px; opacity: 0.9; overflow-x: hidden; }
  .jobdetailpage .pdf-container .pdf-navigation .item { padding: 0; }
  .jobdetailpage .pdf-container .pdf-navigation .item > div { display: inline-block; padding-top: 15px; vertical-align: middle; width: 100%; text-align: center; }
  .jobdetailpage .pdf-container #pdf-prev-btn, .jobdetailpage .pdf-container #pdf-next-btn { display: none; cursor:pointer;}
  .jobdetailpage .pdf-container #pdf-zoom-in-btn, .jobdetailpage .pdf-container #pdf-zoom-out-btn, .jobdetailpage .pdf-container #pdf-full-screen-btn { cursor: pointer; }
  .jobdetailpage .pdf-container .row.pdf-navigation .item { height: 18px; }
  .jobdetailpage .pdf-container .pdf-navigation img { display: inline-block; height: auto; vertical-align: middle; width: 18px; }
  .jobdetailpage .pdf-container #pdf-page-info { text-align: center; padding-top: 18px; }
  .nav-menu-container { z-index: 100; padding: 0 0 0; }
  .nav-menu { background: #9bc8cd; }
  .nav-menu .icon-link { float: left; text-align: left; color: #ffffff; }
  .nav-menu .icon-link.right { float: right; text-align: right; }
  .nav-menu .icon-link:hover { background-size: 23px 23px; color: #ffffff; }
  .nav-menu .arrow { width: 10px; height: 10px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; margin-top: 11px; color: #ffffff;}
  .nav-menu .icon-link:hover .arrow { border-color: #ffffff; }
  .nav-menu .arrow.left { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); float: left; }
  .nav-menu .arrow.right { -webkit-transform: rotate(135deg); transform: rotate(135deg); float: right; }
  .picture-dropzone, .files-dropzone { padding: 5px 0px 10px 0px; width: 100%; border: 2px dashed #1e285f; color: #1e285f; border-radius: 0px; text-align: center; }
  .button.dz-clickable { margin-top: 30px; }
  .dz-drag-hover { border-style: solid; }
  .display-table { display: table; }
  .table-layout-fixed { table-layout: fixed; }
  .display-table-cell { display: table-cell; }
  @media (max-width: 767px) {
    .nav-row .display-table-cell { display: inline-block !important; width: 50%; }
    .nav-row .display-table-cell.hidden { display: none !important; }
    .filter-nav-button { width: 100%; margin-bottom: 5px; }
    .apply-btn { width: 100%; }
  }
  .flex-row.row { display: flex; flex-wrap: wrap; }
  .flex-row.row > [class*='col-'] { display: flex; flex-direction: column; justify-content: top; }
  .flex-row.row:after, .flex-row.row:before { display: flex; }
  .flex-row.row > [class*='col-'] > .box { display: flex; flex: 1; }
  .filtercolumntitle { color: #333333; }
  .jobsfiltercolumncontent { color: #333333; }
  .filterdetail { color: #333333; }
  .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; }
  .caret.up { border-top: none; border-bottom: 4px solid #000000; }
  .caret.active { border-top-color: #ffffff; border-bottom-color: #ffffff; }
  .shorten-text { height: 20px; overflow: hidden; position: relative; }
  .shorten-text.open { height: auto; }
  .shorten-text .shorten-text-controller { position: absolute; right: 0; top: 2px; background-color: #ffffff; padding-left: 35px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 32px); cursor: pointer; }
  /* ----------------------------------------
    Misc
---------------------------------------- */
  .form-control {border-radius: 0px;}
  .btn { font-family: 'Cachet W01 Book'; border-radius: 0px;}
  /* ----------------------------------------
    general design
---------------------------------------- */
  .container-fluid {max-width: 1440px; padding: 0px; margin: 0px auto 0px auto; }
  .blockBottom { background-color: #9bc8cd; display: block; }
  .col-inner {margin: 40px 0px 0px 40px;}
  /*#blocks Grundgerüst */
  #blockMainOuter {margin:0 auto;max-width:$widthBlockMainOuter;box-shadow:none;z-index: 1}
  #blockMain {margin:0}
  #blockMainInner {margin:0}
  #blockTopOuter {width:$widthBlockMainOuter;position: fixed;z-index: 3; padding-left: 15px;}
  #blockTop {background-color:$backgroundColorTop;position: fixed;width: 100%}
  #blockTopInner {max-width:$widthBlockTop;margin:0 auto;position:relative;padding-left: 15px;}
  #blockTopInner:after {content: '';display: block;clear: both;}
  #blockTopBlur {filter: blur(15px);position: absolute;left: 0;top: 0;right: 0;bottom: -20px;}
  /*#endif*/
  #blockTop #logo {float:left;display:block;max-width:100%;width:110px;margin:15px 0;}
  #blockTop.restored-init #logo {margin:2px 0 12px 0;}
  #blockTop.restored-ready #logo {margin:12px 0 12px 0;}
  #blockTop #logo > img:nth-child(1) {display:block;transition: width 0.3s;max-width: 100%;height: auto}
  #blockTop #logo > img.subline {margin-top: 10px;width:140px;margin-left:-25%;overflow: hidden;transition: none;}
  #blockTop nav {position: absolute;right: 0;bottom: 0;width: 83.3%;pointer-events: none;}
  #blockTop nav > * {pointer-events: auto;}
  #blockTop #navigationMain {position:static;overflow:hidden;width:calc(100% - 50px);padding-top:10px;float:left;font-family:$fontFamilyNavigationMain;background-color:$backgroundColorNavigationMain;-w-add-classes:wglNavigationOptimizeTouch;}
  #blockTop #navigationMain > ul {float:none;overflow: hidden }
  #blockTop #navigationLayer {clear: both;}
  #blockTop #navigationLayerInner {max-width: $widthMaxSectionInner;margin: 0 auto;}
  #blockTop #navigationLayerInner > ul {padding-left: 16.85%;box-sizing: border-box}
  #blockTop #navigationMain {position:static;overflow:hidden;width:calc(100% - 50px);padding-top:10px;float:left;font-family:$fontFamilyNavigationMain;background-color:$backgroundColorNavigationMain;-w-add-classes:wglNavigationOptimizeTouch;}
  @media only screen and (max-width: 767px){
    .max768 {display:none !important;}
    #bePanel {display:none !important;}
    #blockTopInner, .elementSection > .sectionInner, #blockBottomInner, .elementHeaderImage .overlay, #navigationSub.movedNavigationSub {max-width: 500px;}
    #blockTopOuter #searchBox form {width:500px;max-width: 85%}
    #blockTop #logo {width: 60px;}
    #blockTop #logo > img.subline {width: 75px;margin-top: 5px;}
    #blockMainOuter {margin:0;}
    .object-singlepage #blockMainInner, .object-singlepage1 #blockMainInner, .object-singlepage2 #blockMainInner, .object-fullpage #blockMainInner {margin:0;}
  }
  @media only screen and (max-width:1240px){
    #blockTopInner {max-width:calc(100% - 220px);}
    #blockTop #navigationLayerInner {max-width:calc(100% - 220px);}
    #blockTopOuter #searchBox form {width: calc(100% - 220px)}
    .elementHeaderImage .overlay {max-width: calc((100% - 220px) * 0.885 - 50px);transform: translateX(-44.5%)}
    #navigationContent {max-width: calc((100% - 220px) * 0.885 - 50px);transform: translateX(-44.5%);margin-left: -15px;}
    .elementSectionPadding_var210 > .sectionInner {max-width: calc((100% - 220px) * 0.885 - 50px);padding-left: 50px !important}
    .elementSectionPadding_var200 > .sectionInner {padding-left: 110px !important}
    #blockBottomInner {max-width: calc(100% - 220px)}
    #blockTopOuter {position: static}
    #blockTop {position: static}
  }
  @media only screen and (max-width: 540px){
    .max540 {display:none !important;}
    #blockTopInner, .elementSection > .sectionInner, #blockBottomInner, .elementHeaderImage .overlay, #navigationSub.movedNavigationSub {max-width: 85%;}
    .elementHeaderImage .overlay {padding: 30px 0 40px 0}
    .elementSectionPadding_var200 > .sectionInner, .elementSectionPadding_var210 > .sectionInner {padding: 30px 0 !important}
    .elementStandard {margin-bottom: 20px}
    .elementContainerStandardColumns > .col1, .elementContainerStandardColumns > .col2, .elementContainerStandardColumns > .col3, .elementContainerStandardColumns > .col4, .elementContainerStandardColumns > .col5, .elementContainerStandardColumns > .col6 {width:100%;margin-bottom:20px;}
    .elementContainerStandardColumns > div > .col_inner {margin:0 !important;}
    .elementText_var50 {font-size:32px;}
    #blockBottom .elementContainerStandardColumns_var3070 > .col1 {width: 30%;float: left;}
    #blockBottom .elementContainerStandardColumns_var3070 > .col2 {width: 65%;float: right}
    dl.formTable {width:100%;max-width:400px;}
    .formTable dt {clear:both;margin:0 0 2px 0;}
    .formTable dt label {font-family: 'Cachet W01 Medium';}
    .formTable dd {float:none;width:auto;margin:0 0 10px 0;}
    .formTable dd.full {float:none;width:auto;margin:0 0 10px 0;}
    dl.formFirstBlock {width:100%;}
    dl.formLastBlock {width:100%;}
    dl.formFirstBlock dd {width: 99%;}
    .elementList-default_var_gm8, .elementList-default_var_gm9 {overflow-x: scroll !important; -webkit-overflow-scrolling: touch;}
    .elementList-default_var_gm8 > ul, .elementList-default_var_gm9 > ul {width: 600px;}
    .elementList-default_var_gm8 .listDefaultCols_var3 .listEntry, .elementList-default_var_gm9 .listDefaultCols_var3 .listEntry {width: 33.33%;}
    a.intern:before, a.extern:before, a.next:before, a.back:before, a.pdf:before, a.doc:before, a.xls:before, a.download:before, a.video:before, a.audio:before, a.wpst:before, a.mail:before, a.wpst:before, span.phone:before, a.phone:before, span.fax:before, a.fax:before, a.rss:before, a.box:before, a.boxPicture:before, a.boxVideo:before, a.twitter:before, a.linkedin:before, a.xing:before, span.mobile:before, a.mobile:before, a.ical:before, a.googlemaps:before {font-size: 16px;top: -1px;}
  }
  @media only screen and (max-width: 480px){
    .max480 {display:none !important;}
    #blockTop #logo img {width:140px;height:auto;}
    img.pictureZoomer {display:none;}
    .elementText {clear:both;}
  }
  @media only screen and (max-width: 1580px){
    body {font-size: 18px;}
    #blockTopInner, .elementSection > .sectionInner, #blockBottomInner {max-width: 960px;}
    #blockTop #navigationLayerInner {max-width: 960px;}
    #blockTop #navigationLayerInner > ul {padding-left: 11.5%}
    .elementSectionPadding_var210 > .sectionInner {max-width: 850px;padding:75px 0px 75px 107px !important;transform: translateX(0);}
    #blockTopOuter #searchBox form {max-width: 960px}
    #blockTopOuter #searchBox dl {padding: 0}
    #blockTop #logo {width: 80px;margin-bottom: 5px;}
    #blockTop.compressed #logo {margin-bottom: 15px;}
    #blockTop #logo > img.subline {width: 100px}
    #blockTop nav {width: 88.5%}
  }
  @media only screen and (max-width: 767px){
    .max768 {display:none !important;}
    #bePanel {display:none !important;}
    #blockTopInner, .elementSection > .sectionInner, #blockBottomInner, .elementHeaderImage .overlay, #navigationSub.movedNavigationSub {max-width: 500px;}
    #blockTopOuter #searchBox form {width:500px;max-width: 85%}
    #blockTop #logo {width: 60px;}
    #blockTop #logo > img.subline {width: 75px;margin-top: 5px;}
    #blockMainOuter {margin:0;}
    .object-singlepage #blockMainInner, .object-singlepage1 #blockMainInner, .object-singlepage2 #blockMainInner, .object-fullpage #blockMainInner {margin:0;}
    #blockBefore {width:100%;}
    #blockLeft {width:100%;}
    #blockLeftInner {margin:2% 0 0 0;}
    #blockLeft #areaContent4Global {display:none;}
    #blockContentFull {width:100%;}
    #blockContentFullLeft {width:100%;}
    #blockContentFullRight {width:100%;}
    #blockContent {width:100%;}
    #blockRight {width:100%;}
    #blockRightInner {margin:2% 0 0 0;}
    #beButtonsPage {margin:2px 0 0 2px;}
    .elementStandard {margin-bottom: 40px;}
    .elementContainerStandardColumns6 > .col1, .elementContainerStandardColumns6 > .col2, .elementContainerStandardColumns6 > .col3, .elementContainerStandardColumns6 > .col4, .elementContainerStandardColumns6 > .col5, .elementContainerStandardColumns6 > .col6 {width:50%;margin-bottom:20px;}
    .elementContainerStandardColumns6 > .col1, .elementContainerStandardColumns6 > .col3, .elementContainerStandardColumns6 > .col5 {float:left;}
    .elementContainerStandardColumns6 > .col2, .elementContainerStandardColumns6 > .col4, .elementContainerStandardColumns6 > .col6 {float:right;}
    .elementContainerStandardColumns6 > .col1 > div, .elementContainerStandardColumns6 > .col3 > div, .elementContainerStandardColumns6 > .col5 > div {margin:0 10px 0 0;}
    .elementContainerStandardColumns6 > .col2 > div, .elementContainerStandardColumns6 > .col4 > div, .elementContainerStandardColumns6 > .col6 > div {margin:0 0 0 10px;}
    .elementContainerStandardColumns5 > .col1, .elementContainerStandardColumns5 > .col2, .elementContainerStandardColumns5 > .col3, .elementContainerStandardColumns5 > .col4, .elementContainerStandardColumns5 > .col5 {width:50%;margin-bottom:20px;}
    .elementContainerStandardColumns5 > .col1, .elementContainerStandardColumns5 > .col3, .elementContainerStandardColumns5 > .col5 {float:left;}
    .elementContainerStandardColumns5 > .col2, .elementContainerStandardColumns5 > .col4 {float:right;}
    .elementContainerStandardColumns5 > .col1 > div, .elementContainerStandardColumns5 > .col3 > div, .elementContainerStandardColumns5 > .col5 > div {margin:0 10px 0 0;}
    .elementContainerStandardColumns5 > .col2 > div, .elementContainerStandardColumns5 > .col4 > div {margin:0 0 0 10px;}
    .elementContainerStandardColumns4 > .col1, .elementContainerStandardColumns4 > .col2, .elementContainerStandardColumns4 > .col3, .elementContainerStandardColumns4 > .col4 {width:50%;margin-bottom:20px;}
    .elementContainerStandardColumns4 > .col1, .elementContainerStandardColumns4 > .col3 {float:left;}
    .elementContainerStandardColumns4 > .col2, .elementContainerStandardColumns4 > .col4 {float:right;}
    .elementContainerStandardColumns4 > .col1 > div, .elementContainerStandardColumns4 > .col3 > div {margin:0 10px 0 0;}
    .elementContainerStandardColumns4 > .col2 > div, .elementContainerStandardColumns4 > .col4 > div {margin:0 0 0 10px;}
    #navigationContent {padding:0 0 0 0;max-width:100%;width: 100%;border-bottom: 2px solid $borderColorButtons}
    #navigationContent .toggle {background-color: $fontColorNavigationMain;color: #FFF;cursor: pointer}
    #navigationContent .toggle .inner {width: 500px;margin: 0 auto;max-width: 90%;height: 40px;line-height: 40px;position: relative;font-size: 20px;font-family: 'Cachet W01 Medium';}
    #navigationContent .toggle .inner:before {transition: all 0.3s ease-in-out;content: '';position: absolute;right:13px;top:20px;display: block;width: 18px;height: 1px;background-color: #FFF;transform: rotate(40deg);}
    #navigationContent .toggle .inner:after {transition: all 0.3s ease-in-out;content: '';position: absolute;right:0;top:20px;display: block;width: 18px;height: 1px;background-color: #FFF;transform: rotate(-40deg);}
    #navigationContent .toggle.open .inner:before {transform: rotate(-40deg);}
    #navigationContent .toggle.open .inner:after {transform: rotate(40deg);}
    #navigationContent > ul.navLevelContainer {display: block;width: 500px;margin:10px auto;max-width: 90%}
    #navigationContent li.navLevel {max-width: 100%;margin: 0;}
    #navigationContent li.navLevel > a {border:none;color: $fontColorNavigationMain !important;margin: 0;font-family: 'Cachet W01 Medium';position: relative;padding-left: 30px;font-size: 18px;}
    #navigationContent li.navLevel > a:before {content: '\e908';font-family: 'icons';color: #cd232d;font-size: 16px;position: absolute;left: 0;transition: all 0.3s}
    #navigationContent li.navLevel > a:hover, #navigationContent li.navLevelSelected > a, #navigationContent li.navLevelOpenSelected > a, #navigationContent li.navLevelOpenDescendantSelected > a {color: #9bc8cd !important}
    #navigationContent li.navLevel > a:hover:before, #navigationContent li.navLevelSelected > a:before, #navigationContent li.navLevelOpenSelected > a:before, #navigationContent li.navLevelOpenDescendantSelected > a:before {transform: rotate(90deg);}
  }
  /* ----------------------------------------
    social media
---------------------------------------- */
  a.facebook-mid {background-image:url("https://img.icons8.com/color/48/000000/facebook-new.png"); display:block; background-size: 30px; width:30px; height:30px; margin-top:10px; margin-bottom:10px;}
  /* a.instagram-mid { display: block; background-color: #986645;  background-size: 30px; width: 30px; height: 30px; margin-top: 10px; margin-bottom: 10px; border-radius:50%; } */
  .socialmediaicon {width: 25px; height: 25px; margin-top: 12px; }
  .socialmediaicon1 {background-size: 29px; width: 29px; height: 29px;}
  .socialmediaicon2 {width: 31px; height: 31px; margin-top: 10px; }
  a.kununu-mid {background-image:url(""); display: block; background-size: 30px; width: 30px; height: 30px; margin-top: 10px; margin-bottom: 10px; border-radius:50%; }
  a.linkedin-mid {background-image:url("https://img.icons8.com/color/48/000000/linkedin-circled.png"); display: block; background-size: 30px; width: 30px; height: 30px; margin-top: 10px; margin-bottom: 10px; }