/*paginator*/
.job.hiddenpaginator,.job.hiddenjob{
  display:none;
}
.paginatornumbers{
  max-width: 100%;
  margin-top:1rem;
  text-align: center;
}
.paginatornumbers .page-number{
  padding:0.3rem;
  cursor: pointer;
}
.paginatornumbers .page-number.active{
  text-decoration: underline;
  font-weight: bold;
}
.paginatoramount{
  margin-bottom: 12px;
}
/*table*/
.job{
  cursor: pointer;
}
#tabelle_jobliste{
  width: 100%;
}
#tabelle_jobliste tr td.jobLogo{
  text-align: center;
  vertical-align: middle;
  max-width:200px;
  width:200px;
}

.streifentabelle tbody tr:nth-child(2n + 1 of :not(.hiddenjob)) td {
  background: transparent;
}
.streifentabelle tbody tr:nth-child(2n of :not(.hiddenjob)) td {
  background: #fff;
}

/*custommultiselect*/
.joblist .CustomSelect .title,
.joblist .CustomSelect .options{
  padding: 0 5px;
}
.joblist .CustomSelect .options li{
  background-position: 0 0.45em;
  padding-left: 18px;
}
.joblist .CustomSelect .options li:before{
  display:none;
}
.joblist .CustomSelect .options li{
  list-style: none;
  padding-left: 14px;
  margin-left: 0;
  background: url(/typo3conf/ext/t3s_remondis_karriere/Resources/Public/Icons/stellenangebote_check.gif) no-repeat 0 0.45em;
}
.joblist .CustomSelect .options li.selected {
  background: url(/typo3conf/ext/t3s_remondis_karriere/Resources/Public/Icons/stellenangebote_check_checked.gif) no-repeat 0 0.45em;
}
.joblist .CustomSelect .label{
  font-weight: bold;
  padding-right: 10px;
}
.joblist .CustomSelect .label:before{
  content: "> ";
}
.joblist .CustomSelect {
  color: #fff;
  background: #6b6b71;
  margin-bottom: 10px;
  cursor: pointer;
}
/*filter*/
.joblist .table{
  display: table;
  table-layout: fixed;
  width: 100%;
}
.joblist .table .tablecell_50{
  display: table-cell;
  width: 50%;
  overflow: hidden;
  padding-right: 16px;
  position: relative;
  vertical-align: top;
}
.joblist .table .tablecell_50:last-child{
  padding-right: 0;
}
.joblist .fieldwrap{
  margin-bottom: 0!important;
}
.joblist input[type="text"]{
  font-size: 1.9rem;
  margin-bottom: 10px;
  height:28.5px;
  padding: 2px 15px!important;
}
/* .joblist .input_text label{
  line-height:1.5rem!important;
} */
.joblist .input_text{
  position: relative;
}

.joblist .input_text label{
  line-height: 1.5rem !important;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.joblist .input_text.is-active label,
.joblist .input_text.has-value label{
  opacity: 0;
  visibility: hidden;
}
.joblist .radios_distance{
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom:10px
}
.joblist .radios_distance input{
  position: absolute;
  left: -5000px;
}
.joblist .radios_distance label{
  display: table-cell;
  background: #ccc;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: center;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.joblist .radios_distance label:last-child{
  border-right: none;
}
.joblist .radios_distance:not(:checked) label{
  background: #ccc;
}
.joblist .radios_distance input[type="radio"]:checked + label{
  background-color: #e1001a;
}
.joblist .radios_distance label:before{
  content: "";
  display: block;
  height: 7px;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  margin-top: -7px;
}
/*13 Design Fixes*/
.design2019 .joblist input::placeholder {
  opacity: 0;
}
.design2013 input[type="text"] {
  font-size: 100%;
}
.design2013 .joblist_filter .input_text label{
  display:none;
}
.external_submit_button{
  background-color: var(--farbe-remondis-rot);
  border: 1px solid #fff;
  color: white !important;
  text-align: center;
  width: 400px;
  margin-top:3rem;
  line-height: 50px;
  border-radius: 4px;
  margin-bottom: 2rem;
  cursor: pointer;
  font-weight: 700;
  transition: background-color 0.5s ease;
}
.external_submit_button:hover {
  background-color: var(--farbe-remondis-dunkelrot);
}
.remondisde .fieldwrap input{
  background-color: transparent;
  height: 50px;
  margin-bottom: 0px!important;
  line-height: 50px;
}
.remondisde .fieldwrap input::placeholder{
  line-height: 50px;
  height: 50px;
  opacity: 1;
}
.remondisde .fieldwrap label{
  display:none;
}
.remondisde .fieldwrap{
  height: 50px;
  background-color:var(--farbe-remondis-grauaufhellung);
}
.remondisde .joblist_filter>*{
  margin-bottom:1rem!important;
}
.remondisde .input_radios{
  margin-bottom: 0px;
  height:50px;
}
.remondisde .input_radios label{
  line-height: 50px;
  background: unset;
  transition: background-color .2s ease;
}
.remondisde.joblist .radios_distance:not(:checked) label {
  background-color: var(--farbe-remondis-anthrazit);
  /* background-color: #e6e7e8; */
}
.remondisde.joblist .radios_distance:checked label {
  background-color: var(--farbe-remondis-rot);
}
.remondisde .table .tablecell_50 {
  padding-right:1rem;
}
.remondisde .radios_distance label:before {
  display:none;
}
.remondisde .table .tablecell_50:first-of-type{
  min-width: calc( 398px + 1rem) ;
}
.remondisde .table .tablecell_50:last-of-type{
  min-width: 180px;
}
.remondisde.joblist .radios_distance label{
  border-right: 2px solid white;
}
.remondisde .CustomSelect{
  min-height:50px
}
.remondisde .CustomSelect .title{
  user-select: none;
  display:flex;
  flex-direction: row;
  line-height: 50px;
  padding-left:15px;
  position: relative;
}
.remondisde .CustomSelect .title .label{
  flex-shrink: 0;
}
.remondisde .CustomSelect .title .selected {
  display: inline-block;
  width: 500px;
  white-space: nowrap;
  overflow-x: auto;    
  mask-image: linear-gradient(to right, black calc(100% - 30px), transparent);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 30px), transparent);
  margin-right:50px;
  scrollbar-width: none; /* Firefox */
}
.remondisde .CustomSelect .title .selected::-webkit-scrollbar { display: none; } /* Chrome/Safari */
.remondisde.joblist .CustomSelect .label:before {
  display:none;
}
.remondisde .CustomSelect .title::after{
  content:"";
  position: absolute;
  right: 0px;
  top:0px;
  width:50px;
  height:50px;
  display:block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/fileadmin/templates/2019/img/akkordeon/akkordeon_v_weiss.svg");
}
.remondisde .CustomSelect .title.open::after{
  transform: rotate(180deg);
}
.remondisde .CustomSelect ul.options{
  padding: 0px 15px 5px 0px;
  margin-left:15px;
  overflow-y: auto;
  scrollbar-width: none;
  max-height: 200px;
  margin-bottom: 0px;
}
.remondisde .CustomSelect ul.options:hover {
    scrollbar-width: thin;
    scrollbar-color: white transparent;
}
.remondisde .CustomSelect ul.options::-webkit-scrollbar { width: 6px; }
.remondisde .CustomSelect ul.options:-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
} 
.remondisde .CustomSelect ul.options::-webkit-scrollbar-track { background: transparent; }
.remondisde.joblist .CustomSelect .options li{
  position: relative;
  background:transparent;
  margin-left:15px;
}
.remondisde.joblist .CustomSelect .options li::before {
    content: "";
  position: absolute;
  display:inline-block;
  height: 23px;
  width: 23px;
  background-color: #fff;
  left: 0px;
  top: 2px;
    margin-left: -16px;
}
.remondisde.joblist .CustomSelect .options li.selected:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #54575b;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  z-index: 1;
}

.backgroundimage-c619623 .remondisde input,
.inhaltsbox_farbig .remondisde input{
  background-color: white;
}         
.backgroundimage-c619623 .remondisde.joblist .radios_distance:not(:checked) label,
.inhaltsbox_farbig .remondisde.joblist .radios_distance:not(:checked) label {
  /* background-color: var(--farbe-remondis-anthrazit);  Not in all designs */
  background-color: white;
    color: #76787f;
}          
.backgroundimage-c619623 .joblist .radios_distance input[type="radio"]:checked + label,
.inhaltsbox_farbig .joblist .radios_distance input[type="radio"]:checked + label{
  background-color: #e1001a;
  color: white;
}                               
@media (max-width: 1440px) {
  .remondisde .table .tablecell_50:first-of-type,.remondisde .table .tablecell_50:last-of-type {
    min-width: auto;
  }
}
@media (max-width: 768px) {
  .external_submit_button{
    width:100%;
  }
}