/* only for custom styles */
@font-face {
  font-family: "BroadcastMatter";
  src: url("fonts/Broadcast_Matter_0.ttf") format("truetype");
}

@font-face {
  font-family: "MyriadPro";
  src: url("fonts/MyriadPro-Regular.otf") format("opentype");
}
@font-face {
  font-family: "MyriadPro";
  src: url("fonts/MyriadPro-Bold.otf") format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "MyriadPro";
  src: url("fonts/MyriadPro-Semibold.otf") format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "MyriadPro";
  src: url("fonts/MyriadPro-Light.otf") format("opentype");
  font-weight: 100;
}

html, body, .applicationFormBody .jexResponsive .jexContent.jex_jobexchange{
	min-height: calc(100vh - 200px) !important;
	padding: 0 !important;
}

table.jobexchanges th, table.jobexchanges th *, table.joboffers th, table.joboffers th *, table#otherEntityList th, table#otherEntityList th *, table#otherEntityList td.thColSeparator, table.jobexchanges td.thColSeparator, table.joboffers td.thColSeparator, .ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper.ui-state-active,
.topTable td, .menu, .bgbottom, div.footerLeft, div.footerRight, .top .topHeader, .top .topHeader *, .ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper, #language-button.ui-selectmenu-button.ui-button .ui-selectmenu-text, a, a:visited, a:focus, a.menu:hover, .loginApplicantAccountSeparator, a.menu:focus, .ui-selectmenu-button a, .ui-selectmenu-button a:link, .ui-selectmenu-button a:visited, .ui-checkboxradio-label a, .ui-checkboxradio-label a:link, .ui-checkboxradio-label a:visited, .jobOfferDetailView a:hover, body > .blockUI.blockMsg, input.button.applicationDataButton, input.button.buttonApplyAnonymous, input.button.buttonBack, input.button.buttonBackToJobexchange, input.button.buttonNewSearch, input.button.buttonReset, input.button.buttonResetGeoLocSearch, input.button.removeAlternativeJobOfferButton, input.button.fileInputButton[type="button"], input.multiuploadButton, input#deleteApplicantAccount.button, span.mandatoryLabelSign, span.mandatoryBlockSign, h1, p.caption, td.caption, div.caption, .jobOfferDetailHeader .accountUserGroupLogoCol, td.offices, .jobOfferList.filterActivated .jobOfferSearchFilter h3, h2.leftheader_blue, h2.leftheader_blue a, .jobOfferDataTable .fieldLabel, .jobOfferDataTable .fieldLabel *, .leftheader_blue a, .jobOfferList .jobOffer .jobOfferDescription, .jobOfferList .jobOffer .accountUserGroupText, .jobOfferList .jobOfferDescription, .jobOfferDetail .jobOfferDescription, .jobOfferData .jobOfferDescription, .jobOfferSearchFilter .filterButtons #resetFilter.button, .jobOfferSearchFilter h3, .searchResultInfo{
	color: #535353 !important;
}

.mainTable, .jexContent, .contentWidth, .mainButtonCell{
	max-width: 100% !important;
}

#applyByContent, #tablecontent, #footer{
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.jexContent .jexInnerContent {
	padding: 0 !important;
	padding-top: 110px !important;
}

div.top{
	position: fixed !important;
	top: 0 !important;
	height: 109px !important;
	width: 100% !important;
    box-shadow: 0 5px 5px rgb(76 76 76 / 9%);
	background-color: #fff !important;
	opacity: 0.98 !important;
}

.topHeader.bgtop.lineTop.lineBottom{
	border: none !important;
	padding-top:20px !important;
	padding-bottom: 10px !important;
	max-width: 1200px !important;
	padding-left: calc(50vw - 600px) !important;
	margin: 0 !important;
}

div.menu.topMenu{
	border: none !important;
	position: fixed !important;
	top: 62px !important;
	max-width: 1000px !important;
	padding-left: calc(50vw - 600px) !important;
	margin-left: 220px !important;
	height: 50px !important;
	/*display: none !important;*/
	z-index: 9999999 !important;
}

div.menu.topMenu a{
	font-family: MyriadPro !important;
	font-weight: 100 !important;
	margin-left: 50px !important;
}

div.menu.topMenu, div.menu.topMenu .menu.lineTop.lineBottom, div.menu.topMenu a.menu, .top .topHeader div.topHeaderContent, .top .topHeader div.topHeaderContent *{
	background-color: transparent !important;
	border: none !important;
}

div.menu.topMenu .menu.lineTop.lineBottom{
	 height: 50px !important;
 }

img.jobexchangeLogo{
	text-align: unset !important;
	float: left !important;
	margin-left: 10px !important;
}

.menu.topMenu span.menuSeparator{
	display: none !important;
}

div.menu.topMenu a.menu{
	font-size: 20px !important;
	border-bottom: 4px solid transparent !important;
	padding-bottom: 12px !important;
	color: #a6a6a6 !important;
}

div.menu.topMenu a.menu:hover{
	border-bottom: 4px solid #b10035 !important;
	color: #b10035 !important;
	transition: all 1.2s ease 0s !important;
}

#buttons{
	/*display: none !important;*/
	height:45px;
}
.jobOfferList aside.jobOfferSearchFilter input.button, input.button, input.button.buttonBack, input#fileInputButton, .jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons #resetFilter.button {
	/*font-family: "Lato",sans-serif;*/
    text-decoration: none !important;
    font-size: 20px !important;
    color: #fff !important;
    padding: 10px 20px !important;
    background: #b10035 !important;
	height: auto !important;
	width: auto !important;
	text-transform: none !important;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 18%) !important;
	border-radius: 3px !important;
    border: 1px solid #7e0026 !important;
}

input.button:hover:not([disabled]), input.button.buttonBack:hover:not([disabled]), input#fileInputButton.fileInputButton.hover, .jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons #resetFilter.button:hover {
	/*font-family: "Lato",sans-serif;*/
    text-decoration: none !important;
    font-size: 20px !important;
    color: #fff !important;
    padding: 10px 20px !important;
	height: auto !important;
	width: auto !important;
	text-transform: none !important;
	border-radius: 3px !important;
    border: 1px solid #7e0026 !important;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 50%)!important;
    background: #e40044!important;
}

input#document, div.fileWrapper{
	width: fit-content !important;
/*	height: auto !important; */
/*	position: unset !important;*/
    overflow: unset !important;
}

.layoutMiddleAreaDivs {
    margin: 0 20px;
}

.jexContent .fileWrapper input.fileInputText[type="text"]{
	/*border: none !important;
    border-bottom: 1px solid #000 !important;*/
	height: 45px !important;
	
}

.fieldValue.inputCell.input .fileWrapper *,
.fieldValue.inputCell.input img{
	float: left;
}

.jexContent .fileWrapper .jexNicefile{
    right: unset !important;
    top: unset !important;
	width: 100% !important;
	max-width:480px;
	height: 45px !important;
}

.boeckmannheader{
	height:292px;
	width:100%;
	text-align: center;
	background-color:#b10035;
	color:#fff !important;
	position: absolute;
    top: 110px;
    left: 0;
}

div.boeckmannheader1{
	max-width:1200px;
	margin: 0 auto;
	color:#fff !important;
	font-family:BroadcastMatter !important;
	font-size: 80px !important;
	padding-top:70px;
	height: 178px;
	padding-bottom: 28px;
	box-sizing:border-box;
}

div.boeckmannheader2{
	max-width:1200px;
	margin: 0 auto;
	color:#fff !important;
	padding-top:20px;
}

.headerseparator{
	height: 2px;
	width: 70px;
	margin: 0 auto;
	background-color: #fff;
}

section.contentWidth.printContent .jobOffer .jobOfferDataTable .contentWidth .layoutMiddleAreaDivs, img.jobOfferImage.fullWidth{
	width: 1200px !important;
	max-width: calc(100% - 40px) !important;
	margin: 0 auto !important;
	display: block !important;
}

@media (max-width: 825px){
	.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer .fileWrapper input.fileInputText[type="text"] {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 99% !important;
		max-width: 100% !important;
	}
	input#document, div.fileWrapper{
		width: 100% !important;
	}
	.fieldValue.inputCell.input .fileWrapper .jexNicefile{
		max-width:67%;
		height: 95px !important;
	}
}

.radioItem *{
	position: unset !important;
}

.mainButtonCell{
	position: unset !important;
	left: unset !important;
	transform: unset !important;
}

.applicationBlock_ff8081815080d01a0150843652d501f4 .formFieldLabelContainer{
	float: right !important;
	width: calc(100% - 50px) !important;
	overflow: visible !important;
}

.applicationBlock_ff8081815080d01a0150843652d501f4 .formFieldValueContainer{
	width: 40px !important;
	
}

.applicationBlock_ff8081815080d01a0150843652d501f4 div{
	padding-left: 0 !important;
}

.applicationBlock_ff8081815080d01a0150843652d501f4 .ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget{
	padding-left: 14px !important;
}

.applicationBlock_ff8081815080d01a0150843652d501f4 .fieldLabel.checkboxFieldLabel.leftheader_blue{
	padding: 0 !important;
	margin: 0 !important;
}

#footerDiv{
	height: 464px !important;
	width: 100% !important;
	background-color: #eee !important;
	clear: both !important;
}

.customfooter{
	margin: 50px auto;	
}

.customfooter a{
	color: #999 !important;	
}

.customfooter span{
	padding: 0 5px !important;
}

div.footer{
	display: none !important;
}

p, h1, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea, a, .jobOfferList .jexResponsive .jobOfferSearchFilter h3 {
    font-size: 18px;
	color: #4b4a4d;
	font-family: MyriadPro !important;
}

p.caption, .leftheader_blue a, .menu1 a, .jobOfferDataTable .fieldLabel, .jobOfferDataTable .fieldLabel *, .jobOfferList .jobOffer .jobOfferDescription, .jobOfferList .jobOffer .accountUserGroupText, .jobOfferSearchFilter h3, .jobOfferSearchFilter .filterBlock .filterCaption h5, .searchResultInfo{
	font-size: 18px !important;
}

.fieldLabel.leftheader_blue {
    text-transform: none !important;
    color: #535353 !important;
}

#footerDiv svg{
	height: 23px !important;
	fill: #9b9b9b !important;
}

.custom{
	float: left;
	width: 21.5%;
    margin-left: 2%;
    padding: 1%;
	display: block;
}

#footerDiv > div > div:nth-child(4n+1) {
    margin-left: 0;
}

.custom ul{
	list-style-type: none !important;
	margin-left: 0 !important;
}

#footerDiv > div{
	position: relative !important;
	width: 1200px !important;
	margin: 0 auto !important;
	height: 364px !important;
	padding: 50px 0 !important;
}

#footerDiv .custom li:hover, #footerDiv .custom a:hover, #footerDiv .custom svg:hover{
	color:#b10035 !important;
	fill:#b10035 !important;
}

#jobOfferSearch, .jexInnerContent > .contentWidth, .applicationFormBody .applicationForm.page0{
	padding-top: 300px !important;
}

.jobOfferDetail .jexInnerContent > .contentWidth{
	padding-top: 320px !important;
}

.top {
	z-index:999999 !important;
}

div.buttonRow.mainButtons{
    max-width: 1200px;
    margin: 0 auto;
}

span.footer_tel{
	font-size: 28px !important;
}

.jobOfferDetail .jexInnerContent > p.contentWidth{
	display:none !important;
}

.footer_trennblock {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 10px 0;
    margin: 10px 0;
}

.custom *, div.custom{
	font-family: MyriadPro !important;
	font-weight: 100 !important;
	font-size: 16px !important;
	color: #4b4a4d !important;
}

.custom h4{
    text-transform: uppercase !important;
    font-size: 22px !important;
    border-bottom: 1px solid !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
	color: #535353 !important;
}

#jobOfferSearch{
	width: 1200px !important;
	margin: 0 auto !important;
	max-width: calc(100% - 40px) !important;
}

.jobOfferList .jexResponsive .jobOfferFreeTextSearch .freeText {
    width: calc(100% - 45px);
    margin-bottom: 5px;
}

.jobOfferList .jexResponsive .jobOfferSearchFilter h3{
	color: #b10035 !important;
	font-weight: 500 !important;
}

.jexContent .jexInnerContent .menu .menu1 {
	padding: 2px 4px !important;
}

ul#jobOffers > li,
.jobOfferList aside.jobOfferSearchFilter{
	border: 1px solid #4b4a4d !important;
	background-color: #fff !important;
}
ul#jobOffers > li h2{
	font-weight: 700 !important;
	color: #b10035 !important;
}

.jobOfferList aside.jobOfferSearchFilter *, .jobOfferList .jobOfferSearchFilter .filterBlock.expandable div.filter.jobGroupFilter{
	background-color: #fff !important;
}

.formFieldRow .fieldLabel *{
	text-transform: none !important;
}

form:has(div.selectBlindJobOfferContent){
	padding-top: 300px !important;
	width: 1200px !important;
	margin: 0 auto !important;
}

#tablecontent .jobOfferDescription{
	font-size: 24px !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldValue{
	width: 100% !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(1),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(3){
		display: none !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldLabel, .jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldLabel a {
	clear:none !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(5),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(6),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(9),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(10){
		width: calc(50% - 40px) !important;
		border: 1px solid #fff !important;
		clear:none !important;
		float:left !important;
		padding-right: 40px !important;
		margin-bottom: 40px !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(7),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(8),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(11),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(12){
		width:49%!important;
		float: right !important;
		border: 1px solid #fff;
		margin-bottom: 40px !important;
		
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(7),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(11){
	margin-top: -58px !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(13){
	clear:both !important;
	width: 100% !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView *,
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView * a{
	font-size: 20px !important;
}


.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(odd),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(odd) a,
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(2){
	font-size: 34px !important;
	color: #b10035 !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(2){
	margin-top: 40px !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(even){
	margin-bottom: 40px !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(5),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(7),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(9),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(11),
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(13){
	margin-bottom: 20px !important;
}

@media (max-width: 1100px){
	div.boeckmannheader1{
		font-size: 60px !important;
	}
}


@media (max-width: 825px){
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(5),
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(6),
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(9),
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(10),
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(7),
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(8),
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(11),
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(12){
		width: 100% !important;
		float: left !important;
		margin-top: 0 !important;
	}
	div.boeckmannheader1{
		font-size: 40px !important;
	}
}


.jexContent .jexInnerContent #footer .footerRow{
	overflow: unset !important;
}

.paging{
	display: none !important;
}

 /* ########################################################################

     BITTE WARTEN

  ######################################################################## */

  body>.blockUI.blockMsg,

  .jexResponsive .blockUI.blockMsg {

    color: #000 !important;

    border-color: #b10035 !important;

    z-index: 10002 !important;

  }
  
  
.jexContent select option:checked, .jexContent div.checklist ul.checklist li.checked, .jexContent div.checklist ul.checklist li.checked:hover, .jexContent div.checklist ul.checklist li.checked:hover label{
	   background-color: #b10035 !important;
    box-shadow: inset 30px 30px #b10035;
}

body > .blockUI.blockMsg, select:not([disabled]):focus, input[type="text"]:not([disabled]):focus, input[type="password"]:not([disabled]):focus, textarea:not([disabled]):focus, input.button, input.button:hover, input.button.buttonBack, input.multiuploadButton, .fileWrapper input.fileInputButton[type="button"], .ui-selectmenu-button.ui-button:not([disabled]):focus, div.checklist ul.checklist li.focused, .topCookieMessage .topCookieMessageButton input.button:hover, .jobOfferList .jobOffer:hover, select option:checked, div.checklist ul.checklist li.checked, div.checklist ul.checklist li.checked:hover, div.checklist ul.checklist li.checked:hover label{
	1px solid #b10035 !important;
}

.jobOfferList aside.jobOfferSearchFilter span.ui-checkboxradio-icon-space{
	background-color: transparent !important;
}

body > .blockUI.blockMsg, select:not([disabled]):focus, input[type="text"]:not([disabled]):focus, input[type="password"]:not([disabled]):focus, textarea:not([disabled]):focus, .fileWrapper input.fileInputButton[type="button"], .ui-selectmenu-button.ui-button:not([disabled]):focus, div.checklist ul.checklist li.focused, .topCookieMessage .topCookieMessageButton input.button:hover, .jobOfferList .jobOffer:hover, select option:checked, div.checklist ul.checklist li.checked, div.checklist ul.checklist li.checked:hover, div.checklist ul.checklist li.checked:hover label{
	border-color: #b10035  !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView > *:nth-child(9){
	clear: both !Important;
}