@font-face { font-family: 'Maison Book'; src: url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/MaisonNeue-Book.woff?xet=1635315346508'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/MaisonNeue-Book.woff2?xet=1635315346436');}
@font-face { font-family: 'Maison Bold'; src: url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/MaisonNeue-Book-Bold.woff'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/MaisonNeue-Book-Bold.woff2');}
@font-face { font-family: 'Italic Medium'; src: url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-MediumItalic.woff?xet=1635315347912'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-MediumItalic.woff2?xet=1635315347918'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-MediumItalic.tff'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-MediumItalic.svg?xet=1635315347730'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-MediumItalic.eot?xet=1635315347421');}
@font-face { font-family: 'Lyon Display Medium'; src: url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-Medium.woff?xet=1635315347195'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-Medium.woff2?xet=1635315347288'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-Medium.tff'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-Medium.svg?xet=1635315346991'), url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/subset-LyonDisplay-Medium.eot?xet=1635315346835');}
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=092f0e69-9847-46ba-b019-3bb743984a75");
@font-face{ font-family:"Minion W05 Regular"; src:url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/4a83e0c9-5ebf-4f13-9e49-d9d9ad9d5b23.woff2?xet=1635948068199') format("woff2"),url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/1277d162-7888-4c2b-b616-ef19ceeef056.woff?xet=1635948068216') format("woff"); }
@font-face{ font-family:"Minion W05 Semibold"; src:url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/9797efcf-cad0-4aac-941e-77d142bafeb6.woff2?xet=1635948068782') format("woff2"),url('https://baerundkarrer.abacuscity.ch/abauserimage/fonts/bba208f8-46c8-49b2-81cf-f476800ca327.woff?xet=1635948068789') format("woff"); }
body { font-family: 'Maison Book'; background-color: #ffffff; font-size: 16px; }
.font { color: #000000; }
.nav-item.font, .filtercolumntitle {font-family: 'Minion W05 Regular'; font-size: 20px;}
.form-control:focus { border-color: black; 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: #000000;}
.form-control { border: 1px solid black; border-radius: 0; height: 45px;}
h3 {text-align: center; font-family: 'Minion W05 Semibold'; font-size: 40px;}
.search-title {font-size: 60px; text-align: left}
a:hover { color: #565656; }
a:focus, a:hover { text-decoration: none; }
.nav-item, .button { background-color: #ffffff; border-color: #ffffff; color: #050505; }
.button { border: 2px solid #000000; border-radius: 0px; margin-left: 10px; display: inline; font-weight: bold }
.button:hover, .button:focus { background-color: #000000; color: #ffffff; }
.button.btn {padding-top: 14px; padding-bottom: 14px;}
.button.files-dz-button { border: 1px; font-weight: normal; margin-top: 10px}
.nav-row.joboverviewrow [class*="col-"] { padding-top: 14px; padding-bottom: 14px; }
.nav-row.joboverviewtitle [class*="col-"] { padding-top: 5px; padding-bottom: 5px; }
.nav-row, .nav-row td, .nav-row .nav-item, .nav-row [class*="col-"] { background-color: #f0f0f1; }
.nav-row.joboverviewtitle {min-height: 20px;}
.nav-row.joboverviewrow {min-height: 36px;}
@media (min-width: 767px) {
  .pdfasjobdetail .nav-row [class*="col-"] { line-height: 40px; }
  /* .termsandcondition {margin-right: 50px} */
  /* .application-form-container {width: 50%; margin: auto;} */
  .termscorr {margin-left: 18.5px}
  div.detail-btn-container {padding-left: 0}
}
@media (min-width: 767px) and (max-width: 991px) {
  #LAP__USERFIELD4 { padding-top: 19.84px; }
  #LAP__USERFIELD6 { padding-top: 19.84px; }
  #LAP__USERFIELD11 { padding-top: 19.84px; }
  #LAP__USERFIELD13 { padding-top: 19.84px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #LAP__USERFIELD13 { padding-top: 19.84px; }
  #LAP__USERFIELD6 { padding-top: 19.84px; }
}
@media (min-width: 992px) {
  /*  #LAP__USERFIELD13 { padding-top: 19.84px; } */
}
@media (max-width: 767px) {
  .contacttext {margin-top: 30px}
}
.untertitel { font-family: 'Minion W05 Semibold'; font-size: 28px; margin-top: 40px; margin-bottom: 20px}
select { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43NTMiIGhlaWdodD0iNi43MzUiIHZpZXdCb3g9IjAgMCAxMi43NTMgNi43MzUiPgogIDxnIGlkPSJub3VuX2NoZXZyb25fOTMzMjUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi43NTMpIHJvdGF0ZSg5MCkiPgogICAgPHBhdGggaWQ9IlBmYWRfMTMiIGRhdGEtbmFtZT0iUGZhZCAxMyIgZD0iTTYuNzM1LDYuMzc2bC0uNDYyLS41NDFMMS4yNywwLDAsMS4wODFsNC41NCw1LjNMMCwxMS42NzJsMS4yNywxLjA4MSw1LTUuODM2WiIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat !important; background-position: calc(100% - 20px) center !important; appearance: none !important; background-size: 12px !important;}
.caption {text-transform: uppercase; margin-top: 8px;}
.application-form-container {width: 80%; margin: auto;}
#apply {margin-left: 0}
.description-filter {background-color: transparent; font-family: 'Minion W05 Semibold'; font-size:60px; font-style: italic; border: none; padding: 0; border-radius: 0; box-shadow: none; margin-bottom: 20px; height: 60px;}
.description-filter:focus {box-shadow: none;}
.languageselection { position: absolute; top: 10px; right: 25px; list-style: none; text-transform: uppercase; }
.joboverviewrow { background-color: #f0f0f1}
.joboverviewtitle {background-color: #f0f0f1; font-family: 'Maison Book';}
#joboverviewcolumn { background-color: #f0f0f1; padding-top: 12px; padding-bottom: 12px;}
.bottombuffer { margin-bottom: 2px;}
.overviewtitle {margin-top: 0px;}
.filedrop-svg {margin-top: 10px; margin-bottom: 40px}
.imageAgreementCheckbox {margin-right: 15px}
.searchbtn {padding-left: 20px; padding-right: 20px; margin-bottom: 60px;}
a.nav-item {font-weight: bold; color: black}
.required.control-label:after { content: "*"; color: red; }
.content-right {float: right;}
.contactimg {height: 280px; width: 310px; margin-right: 40px;}
.getintouch {padding-left: 30px; padding-top: 10px; padding-bottom: 48px; background-color: #f0f0f1 }
.titlecontact {padding-left: 15px; font-family: "Minion W05 Semibold"; font-weight: 700; font-size: 20px; margin-top: 10px}
.vcenter { display: inline-block; vertical-align: middle; float: none;}
.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: #d9d9d9 ; border: solid 1px #000000; color: #000000; }
.contactcontainer {background-color: #f0f0f1; padding-bottom: 10px}
.errortext { color: #c00000; }
.firstbtn {margin-left: 40px}
.contactfooter1 {margin-bottom: 0px;}
.btnrow { margin-top: 40px}
input[type="checkbox"] { margin-bottom: 27px; }
#appform { color: #000000; }
#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-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: #050505; margin: 0; width: 260px; min-width: 260px; height: 52px; background-color: #ffffff; 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: #ffffff; }
.nav-menu .icon-link { float: left; text-align: left; width: 160px; height: 35px; background-size: 20px 20px; color: #050505; vertical-align: middle; font-size: 13px; line-height: 32px; }
.nav-menu .icon-link.right { float: right; text-align: right; }
.nav-menu .icon-link:hover { background-size: 23px 23px; color: #565656; }
.nav-menu .arrow { width: 10px; height: 10px; border-top: 2px solid #050505; border-left: 2px solid #050505; margin-top: 11px; }
.nav-menu .icon-link:hover .arrow { border-color: #565656; }
.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; }
.icon-link.right {float: right;}
.picture-dropzone, .files-dropzone { padding: 40px 0px 0px 0px; width: 100%; background-color: #f0f0f1; color: #000000; 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; }
@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%; }
  .firstbtn {margin-left: 0px}
  .detailbutton {margin-bottom: 10px}
}
@media print {
  .btnrow { display: none; }
}
.detailbutton {min-width: 120px}
.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; font-family: 'Minion W05 Regular'; font-size: 20px}
.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: #000000; border-bottom-color: #000000; }
.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; }
.joboverviewrow[data-jobportal-nummer="9998"] { display: none !important;}
.infopostit { background-color: #fbd343; border: 1px solid black; border-radius: 2px; padding: 20px; position: relative; margin-right: -15px }
.infopostit:before { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-bottom-color: #fbd343; border-top: 0; border-left: 0; margin-left: -20px;}
.infopostit ul { margin-top: 10px; }
.infopostit li { list-style-type: "-"; margin-bottom: 5px; }
.infopostit p { margin: 0; }
/* Base styles that apply at all times */
.detail-btn-container, .full-width-info { width: 100%; /* Ensures full width on smaller screens */}
/* Flex styles applied only on larger screens */
@media (min-width: 768px) {
  /* Adjust this breakpoint if using a different version of Bootstrap */
  .row.btnrow { display: flex; flex-wrap: nowrap; /* Ensures no wrapping within the row */ align-items: stretch; /* Aligns items vertically to fill the row */ }
  .detail-btn-container { flex: 0 1 auto; /* Do not grow, allow shrink, and base size on content */ width: auto; /* Auto width to revert to flex basis */ }
  .full-width-info { flex: 1 1 auto; /* Grow to use available space, allow shrink, and base initial size on content */ display: flex; /* Allows flex properties within the container */ }
  .infopostit { flex-grow: 1; /* Allows the .infopostit to fill the available vertical space */ width: 100%; /* Ensures it fills the full width of its container */ }
}
/* Ensures full width for smaller screens and flex properties are only applied above the breakpoint */
.detail-btn-container, .full-width-info { box-sizing: border-box; /* Handles padding and border sizes within width calculations */}