@font-face{ font-family:"Futura ND Book W01 Regular"; src:url("/abauserimage/design/shkb/fonts/5304238/85494e4a-41db-4749-a089-b1b0ac120199.woff2") format("woff2"),url("/abauserimage/design/shkb/fonts/5304238/352c7d23-046c-4ca3-a490-e20488eda8ce.woff") format("woff"); }
@font-face{ font-family:"Futura ND W01 Medium"; src:url("/abauserimage/design/shkb/fonts/5304362/d5aecdcf-1c10-41de-8cee-aa9357748090.woff2") format("woff2"),url("/abauserimage/design/shkb/fonts/5304362/f0e68abb-164b-4b52-8835-d3e386a656ac.woff") format("woff"); }
@font-face{ font-family:"Futura ND Light W01 Regular"; src:url("/abauserimage/design/shkb/fonts/5304400/42af3609-027c-4d00-a469-895fad480652.woff2") format("woff2"),url("/abauserimage/design/shkb/fonts/5304400/f1921c52-1013-4a50-9bfa-49bfe8b2b8fb.woff") format("woff"); }
body { background-color: #f9f8f3; margin:0 auto; font-family:"Futura ND Light W01 Regular" !important; font-size:20px;border-bottom:10px solid #f9cd00;}
#content { background-color: transparent; max-width:1170px; margin:0 auto;z-index:50;position: relative; /*margin-top:-500px;*/padding-left:30px;padding-right:30px;}
#wrapper{ background-color: #f9f8f3; margin:0 auto;z-index:50;position: relative;margin-bottom:60px;}
/*.section--bg-image { background-image: url(https://stage.shkb.ch/media/1276);z-index:10;}*/
.announcement-container { background-image: url(https://www.shkb.ch/media/1301);z-index:10; background-repeat: no-repeat; background-size: contain; padding-top:400px !important;}
/*.section--bg-image { background-image: url(/abauserimage/design/shkb/background_winter.jpg);z-index:10;}*/
/*.section--bg-image { background-image: url(https://shkb-live.rokka.io/page_hero-fullhd/e28d8cdd7b79dd73dc5069335e313d5f881ffe36/Hintergrund%20Startseite.jpg?h=3504eb95d7b9);z-index:10;}*/
.header.section--bg-image { /*min-height: 500px*/; overflow: hidden; background-position: center center; position: relative;}
.section--bg-image { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.font { color: #32312d; }
.announcement-container .tasks, .announcement-container .benefits {width:50% !important;}
.announcement-container .requirements {display:none;}
.container {padding-right:0px !important;padding-left:0px !important;}
.btn,.filter-visibility-link,.filter-reset-link {font-family:"Futura ND Book W01 Regular";}
.form-control:focus { border-color: #d9d9d9; 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); }
h1 {font-size:50px;font-family:"Futura ND Book W01 Regular";color:#292826;}
h2 {font-size:20px;font-family:"Futura ND Book W01 Regular";color:#292826;}
h3 {font-size:33px;font-family:"Futura ND Book W01 Regular";color:#32312d;}
h4 {font-size:28px;font-family:"Futura ND Book W01 Regular";color:#32312d;}
p {font-size:20px;font-family:"Futura ND Light W01 Regular" !important;color:#32312d;line-height:1.6 !important;}
section {display: flex}
#appform {font-familiy:"Futura ND Light W01 Regular";}
.jobtitle {font-size:45px !important;font-family:"Futura ND Book W01 Regular" !important;margin-bottom: 20px !important; float:none; display:inline-block;background-color: #FFDD3C;margin-left:15px;padding: 10px 30px;max-width: fit-content;}
.jobtitle2 {font-size:25px !important;font-family:"Futura ND Book W01 Regular" !important;float:none; display:block;background-color: #EBEBEB;margin-left:15px;padding: 10px 30px;max-width: fit-content;}
.announcement-container {background-color: #ffffff;padding: 30px 80px 45px;margin-top:-50px !important;border: 1px solid #ddd; box-shadow: #ddd 0px 0px 4px 2px;}
.announcement-container ul {line-height: 1.6 !important;}
.applicationshkb {background-color: #ffffff;/*padding: 30px 30px 45px;margin-top:-50px !important;*/border: 1px solid #ddd; box-shadow: #ddd 0px 0px 4px 2px;/*margin-bottom: 100px;*/width: calc(100% - 30px);}
.announcement-container p {font-size:20px !important;font-family:"Futura ND Light W01 Regular";color:#32312d;line-height:1.6; margin-top: 20px; margin-bottom: 20px}
.announcement-container .btn {font-size:20px !important;font-family:"Futura ND Light W01 Regular" !important;background-color: #f9cd00 !important;color:rgba(0,0,0,.7) !important;padding: 15px 50px !important;box-shadow: 1px 1px 4px #ccc;}
.announcement-container a {font-size:20px;font-family:"Futura ND Light W01 Regular";}
.applicationshkb .btn {font-size:20px !important;font-family:"Futura ND Light W01 Regular" !important;background-color: #f9cd00 !important;color:rgba(0,0,0,.7) !important;padding: 15px 50px !important;box-shadow: 1px 1px 4px #ccc;}
.applicationshkb .btn:hover {opacity: 0.8;}
.files-dz-button {font-size:20px !important;font-family:"Futura ND Light W01 Regular" !important;background-color: #F3F3F3 !important;color:rgba(0,0,0,.7) !important;padding: 15px 50px !important;box-shadow: 1px 1px 4px #ccc; border 1px solid #B3B3B3 !important;}
.files-dz-buttonb:hover {opacity: 0.8;}
.applicationshkb .files-dz-button {font-size:20px !important;font-family:"Futura ND Light W01 Regular" !important;background-color: #F3F3F3 !important;color:rgba(0,0,0,.7) !important;padding: 15px 50px !important;box-shadow: 1px 1px 4px #ccc;}
.applicationshkb .files-dz-buttonb:hover {opacity: 0.8;}
.nav-row {font-size:20px;font-family:"Futura ND Light W01 Regular";color:#32312d;line-height:1.6;border-bottom: 1px solid #8F8F8F; margin: 0px 0px;}
.filtercolumntitle {color: #32312d;padding-bottom: 20px;font-family:"Futura ND Light W01 Regular";font-size:18px;font-weight:200 !important;}
.footer {color:#5c5a53 !important;font-size:16px;}
#footer {padding-top: 0px;border-bottom: 0px solid #d8d6cd;}
#subtitle {margin-bottom:170px;margin-top:0;padding: 10px 20px;width: fit-content; width: -moz-fit-content;background-color: #e8e6dd;}
#recruiter {padding-top:75px;}
.imgrecruiter {max-width: 400px;}
button, input, select, textarea, label, .col-6 {font-family:"Futura ND Book W01 Regular";}
a, a:focus, .f4rm-control, .nav-button { color: #32312d; }
a:hover { color: #32312d; }
a:focus, a:hover { text-decoration: none; }
.nav-item {background-color:none;}
.button { background-color: #ffe87a; /*border-color: #ffe87a;*/ color: #32312d; }
.button { /*border: 2px solid #edd55a;*/ }
.button:hover, .button:focus { background-color: #edd55a; color: #ffffff; }
.nav-row [class*="col-"] { padding-top: 15px; padding-bottom: 15px; padding-left: 0px;}
.nav-row, .nav-row td, .nav-row .nav-item, .nav-row [class*="col-"] { background-color:none; min-height: 36px; }
.nav-row.even, .nav-row.even td, .nav-row.even .nav-item, .nav-row.even [class*="col-"] { background-color: none; }
.nav-row a { color: #32312d; }
.nav-row.even a { color: #32312d; }
a.nav-item:hover { color: #32312d; }
.nav-row.even .nav-item:hover { color: #32312d; }
.nav-row span.nav-item, .nav-row span.nav-item:hover { color: #32312d; }
.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.col-form-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; font-family:inherit; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; -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:14px; 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: #EBEBEB; border: solid 0px #d8d6cd; color: #32312d; padding: 0px 30px;}
.errortext { color: #c00000; }
#appform { color: #32312d; }
#appform input, #appform select { margin-bottom: 10px; font-family:"Futura ND Book W01 Regular"; }
#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-weight: normal; 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: 4px; border-bottom-right-radius: 4px; }
.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: #32312d; margin: 0; width: 260px; min-width: 260px; height: 52px; background-color: #ffe87a; 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 15px; }
.nav-menu { background: none; border-top:0px solid #f9cd00; padding-top: 20px;padding-left:0px;padding-right:0px; }
.nav-menu .icon-link { font-family:Futura ND Book W01 Regular;float: left; text-align: left; width: 205px; height: 35px; background-size: 20px 20px; color: #32312d; vertical-align: middle; font-size: 16px; line-height: 32px; background-color: rgba(255,255,255,0.5); padding-left:10px;padding-right:10px;padding-top:2px;}
.nav-menu .icon-link.right { float: right; text-align: right; }
.nav-menu .icon-link:hover { background-size: 23px 23px; color: #32312d; }
.nav-menu .arrow { width: 10px; height: 10px; border-top: 2px solid #32312d; border-left: 2px solid #32312d; margin-top: 11px; }
.nav-menu .icon-link:hover .arrow { border-color: #32312d; }
.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 dotted #ccc; /*#32312d;*/ color: #32312d; border-radius: 4px; 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; }
.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: #32312d; }
.jobsfiltercolumncontent { color: #32312d; }
.filterdetail { color: #32312d; }
.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.table-active { border-top-color: #32312d; border-bottom-color: #32312d; }
.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; }
#versprechen {padding-right: 15px;padding-left: 15px;}
#versprechen p {margin-top: 10px !important; margin-bottom: 10px !important; }
@media (max-width: 575px) {
  body {font-size:16px !important;}
  h1 {font-size:33px;padding: 10px 15px !important;margin-top:0px;}
  h2 {font-size:15px;padding: 10px 15px !important;}
  h3 {font-size:25px;padding-top: 30px !important;line-height: 1.3;}
  p, .announcement-container p {font-size:16px !important;}
  #content {padding-left: 10px; padding-right: 10px;}
  .nav-row {font-size:18px;}
  .imgrecruiter {max-width: 300px;}
  .cc-link {padding-left:0 !important;font-size: 16px !important;}
  .cc-compliance {text-align:left !important;}
  #footer {padding-left:10px !important; border-bottom: 0px solid #d8d6cd !important;}
  #subtitle {margin-bottom:120px;}
  .announcement-container {padding-top: 300px !important;margin-left: 0 !important; margin-right: 0 !important; padding: 30px 15px 45px; !important;background-position-x: 100%;background-size: 900px, auto, contain;}
  .nav-menu .icon-link {font-size: 12px !important; width:165px !important;margin-left: 0px;margin-right: 0px;margin-bottom:5px;}
  .announcement-container .jobtitle {font-size: 26px !important; }
  .announcement-container .jobtitle2 {font-size: 16px !important;margin-top: -20px !important;}
  .announcement-container .btn {font-size: 18px !important;}
  #recruiter {padding-top: 0 !important;}
  .logo {margin-left:15px;max-width:50%}
  .jobtitle, .jobtitle2 {padding: 5px 10px !important;}
  .announcement-container ul {font-size: 16px !important; line-height: 1.2 !important;}
  .closure {padding: 20px !important;min-height:200px !important;}
  .closure p {margin-top: 20px !important; margin-bottom: 20px !important;}
  .freuen {font-size: 16px !important;}
  .portrait {padding-left:0px;padding-right:0px;}
  #imgportrait {width:100%;}
  /*.kennenlernen {font-size: 28px !important;}*/
  .announcement-container .logo-line {margin-left: 0px !important; padding-left: 0px !important; padding-right: 0 !important;}
  .announcement-container .tasks {width: 100% !important; margin-bottom: 10px !important;}
  .announcement-container .benefits {width: 100% !important; margin-bottom: 40px !important;}
  .announcement-container a, .announcement-container a:focus {font-size: 16px !important;}
  .row {margin-right:0px; margin-left:0px;}
  .col-12 {padding-right:0px;padding-left:0px;}
  .announcement-container .jobtitle, .announcement-container .jobtitle2 {margin-left:0px; word-break: break-word;}
  #versprechen {padding-right: 0px;padding-left: 0px;}
  .applicationshkb {width: calc(100% - 20px);padding-left:20px;padding-right:20px;}
  .picture-dropzone, .files-dropzone {margin-top:25px;}
  .infoblock {padding-left:25px !important;padding-right:25px!important;}
  .nav-menu-container {padding: 0;}
}
@media (min-width: 768px) {
  .pdfasjobdetail .nav-row [class*="col-"] { line-height: 40px; }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .nav-row .display-table-cell { display: inline-block !important; width: 50%; }
  .nav-row .display-table-cell.d-none { display: none !important; }
  .nav-row [class*="col-"] {padding-top:10px;padding-bottom:10px;}
  .filter-nav-button { width: 100%; margin-bottom: 5px; }
  .apply-btn { width: 100%; }
  #content, #footer { padding-left: 30px !important; padding-right:30px !important;}
  .logo {padding-left:0px;}
  #footer {padding-top:0px !important;padding-left:0px !important; border-bottom: 0px !important;}
  .footer {margin-left: 0px !important;}
  .cc-link {padding-left:0 !important;font-size: 16px !important;}
  .cc-compliance {text-align:left !important;}
  .announcement-container .tasks {width: 100% !important; margin-bottom: 0px !important;}
  .announcement-container .benefits {width: 100% !important; margin-bottom: 20px !important;}
  .announcement-container {padding: 30px 60px 45px;background-position-x: 10%;background-size: 1100px, auto, contain;margin-top:-45px !important;}
  .announcement-container p, .announcement-container a, .announcement-container ul, .announcement-container .btn {font-size: 16px !important;}
  .jobtitle {font-size: 26px !important; padding: 10px !important;}
  .jobtitle2 {font-size: 17px !important; padding: 10px !important;}
  .announcement-container .jobtitle2 {margin-top: -20px !important;}
  .announcement-container ul {line-height: 1.2 !important;}
  .nav-menu .icon-link {font-size: 14px !important;}
  .closure, .contact {width: 100% !important; float: left !important;}
  .contact {margin-left: -15px !important;}
  .portrait {width: 50%; float: left; padding-right: 0px;}
  #imgportrait {padding-right:20px;}
  .announcement-container .jobtitle2 {margin-bottom: -5px !important;}
  /*.kennenlernen {font-size: 26px !important;}*/
  .freuen {font-size: 16px !important;}
  .closure {padding: 20px 20px !important;line-height: 1.2 !important;margin-bottom: 30px !important;min-height:200px !important;}
  .contact {margin-bottom: 30px !important;}
  .announcement-container .contact p {margin-top: 0px !important;}
  h1 {font-size:36px;}
  h2 {font-size:18px;}
  h4 {font-size:24px;}
  body {font-size:16px !important;}
  .picture-dropzone, .files-dropzone {margin-top:25px;}
}
@media screen and (max-width: 890px) {
  /*.closure, .contact {width: 100% !important; float: left !important;}*/
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .announcement-container {padding: 30px 60px 45px; background-position-x: 10%;background-size: 1100px, auto, contain;}
  .announcement-container p, .announcement-container ul, .announcement-container .btn {font-size: 18px !important;}
  .announcement-container a, .freuen {font-size: 18px!important;}
  .jobtitle {font-size: 35px !important; padding: 10px 20px !important !important;}
  .jobtitle2 {font-size: 20px !important; padding: 10px 20px !important !important;}
  .container {width: 100%;}
  .closure {min-height:200px !important;padding-top:20px;}
  .footer {margin-left: 6%;}
  .announcement-container .jobtitle2 {margin-bottom: -5px !important;}
  /*.kennenlernen {font-size: 35px !important;}*/
  #content { padding-left: 30px !important; padding-right:30px !important;}
  .announcement-container .closure {padding: 25px 40px;}
  .footer {margin-left:0 !important;}
  body {font-size: 18px !important;}
  .nav-menu .icon-link {font-size: 14px;}
}