@font-face {
    font-family: "Charite Text";
    font-style: normal;
    font-weight: 200;
    src: url("/files/css/webfonts/charite/ChariteText-Regular.otf"); /* IE9 Compat Modes */
    src: local(""),
        url("/files/css/webfonts/charite/ChariteText-Regular.woff2")
        format("woff2"),
      /* Super Modern Browsers */
        url("/files/css/webfonts/charite/ChariteText-Regular.woff")
        format("woff"),
      /* Modern Browsers */
        url("/files/css/webfonts/charite/ChariteText-Regular.ttf")
        format("truetype"),
  }

@font-face {
    font-family: "Charite Headline";
    font-style: normal;
    font-weight: 400;
    src: url("/files/css/webfonts/charite/ChariteHeadline-Bold.otf"); /* IE9 Compat Modes */
    src: local(""),
        url("/files/css/webfonts/charite/ChariteHeadline-Bold.woff2")
        format("woff2"),
      /* Super Modern Browsers */
        url("/files/css/webfonts/charite/ChariteHeadline-Bold.woff")
        format("woff"),
      /* Modern Browsers */
        url("/files/css/webfonts/charite/ChariteHeadline-Bold.ttf")
        format("truetype"),
  }
@font-face {
    font-family: "Charite Headline";
    font-style: normal;
    font-weight: 300;
    src: url("/files/css/webfonts/charite/ChariteHeadline-Regular.otf"); /* IE9 Compat Modes */
    src: local(""),
        url("/files/css/webfonts/charite/ChariteHeadline-Regular.woff2")
        format("woff2"),
      /* Super Modern Browsers */
        url("/files/css/webfonts/charite/ChariteHeadline-Regular.woff")
        format("woff"),
      /* Modern Browsers */
        url("/files/css/webfonts/charite/ChariteHeadline-Regular.ttf")
        format("truetype"),
  }

@font-face {
    font-family: "Charite Text Book";
    font-style: normal;
    font-weight: 400;
    src: url("/files/css/webfonts/charite/ChariteText-Book.otf"); /* IE9 Compat Modes */
    src: local(""),
        url("/files/css/webfonts/charite/ChariteText-Book.woff2")
        format("woff2"),
      /* Super Modern Browsers */
        url("/files/css/webfonts/charite/ChariteText-Book.woff")
        format("woff"),
      /* Modern Browsers */
        url("/files/css/webfonts/charite/ChariteText-Book.ttf")
        format("truetype"),
  }


  body,
  .job_detail_body {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    font-family: "Charite Text";
    letter-spacing: 0em;
    color: #000000;

  }
  .job_detail_body p, .job_detail_body li{
    font-family: "Charite Text Book";
  }
  #main{
    background: #F0F1F2;
  }
  #main .inside > div:first-of-type {
    height: 0px !important;
  }
  .body_100{
    padding: 20px 0;
    margin: 0 auto;
   
  }

  #header{
    z-index: 105; 
    display: block !important;
  }
  .head_right .btn-login{
    display: none !important;
  }
#container{
  margin-top: 60px !important;
}
  #footer {
    width: 100%;
    padding: 20px 0;
    margin-left: 0px;
    max-width: 100%;
    background: #ccefcb;
    color: #666;
  }

  #footer a {
    color: #666;
  }

  #footer a:hover {
    color: #000000;
  }

  .footer_loged_in h1,  .footer_loged_in .single_row, .footer_loged_in .single_row i{
    color: #666 !important;
  }
  
  .footer_loged_in .dark_grey > div:first-of-type{
    flex: 0 0 33.333333%;
    max-width: 30%;
    margin-left: 20px;
  }

  .bootstrap-table .fixed-table-body .table thead th{
    background: #F0F1F2;
  }
  .body_100 {
    max-width: 100%;
    padding: 0px 15px;
  }
  .detail_task{
    background: white;
  }
  .frontend_task{
    background-color: #F0F1F2;
  }
  .customer_top {
    margin-top: -15px;
    margin-bottom: 20px;
  }
  .home_image img {
    width: 100%;
  }
  .home_image {
    padding: 0;
  }
  .home_text,
  .home_text_bold {
    max-width: 1000px;
    margin: 20px auto;
    text-align: center;
  }
  .home_text_bold {
    font-size: 36px;
  }
  .powered-by {
    display: none;
  }
  .head_logo {
    width: 160px;
    text-align: left;
    margin-left: 4px;
    display: block;
  }
  .head_logo img {
    max-height: 50px;
    width: 160px;
    margin: 6px 0 0 0;
    content: url("/files/public_folder/c_2054/0_frontend/Charite_logo.png");
  }
  .box{
    background: #F0F1F2;
    box-shadow: none;
  }
  .karriere_apalis_de .head_right {
    display: none;
  }
  .head_frontend_claim{
   
    max-width: 1440px;
    margin: 0 auto;
  }
  .head_frontend_claim h2{
    text-align: center;
    font-size: 35px;
    margin-top: 40px;
  }
  .head_frontend_description {
    max-width: 1440px;
    margin-bottom: 40px;
    margin: 0 auto 40px auto;
  }
  .search{
    display: none;
  }
  #custom_filter_container{
    margin-top: 40px;
    margin-bottom: 40px;
    background: #e6f7e5;
    padding: 40px 42px 40px 10px;
    box-shadow: inset 0px 0px 0px 1px #000000;
  }
  #custom_filter_container .filter_title_frontend {
    font-size: 20px;
  }
  .filter_title_frontend{
    margin-top: -5px;
    color: #000000 !important;
    font-size: 24px;
    
  }
  .filter_title_frontend_value{
    color: #000000;
    font-size: 24px;
  }
  .filter_col {
    margin-bottom: 20px;
  }
  .filter_col_9999999{
    display: none;
  }
  #customSearch{
    font-size: 20px;
  }
  .custom_search_container{
    margin-bottom: 10px;
  }
  .boot h2,
  .boot .h2 {
    margin-bottom: 20px;
  }
  .job-offer-list-first-div{
    margin-bottom: 48px;
  }
  .job-offer-list h2,
  .job-offer-list h2 a,
  .job-offer-list .h2 {
    margin: 15px 0;
    color: #000000;
  }
  .job-offer-list h2 a{
    font-size: 20px;
    word-break: auto-phrase;
    line-height: 24px;
  }
  .job-offer-list {
    max-width: 1440px;
    margin: 0 auto !important;
  }
  .job_detail_body{
    margin: 0 auto;
  }
  .job_detail_buttons_top {
    margin-top: 20px;
  }
  .job_detail_buttons_top .row, .job_detail_buttons_bottom .row{
    justify-content: center;
    align-items: center;
  }
  .job_detail_buttons_top .col-xl-4, .job_detail_buttons_bottom .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 24.333333%;
  }
  .job_detail_buttons_top .offset-xl-2, .job_detail_buttons_bottom .offset-xl-2{
   margin-left: 0;
  }
  .job_detail_body_button_back{
    display: none;
  }
  .job_detail_buttons_top_back  .btn , .job_detail_buttons_bottom_back  .btn, .job_detail_body_button_back .btn {
    background-color: white;
    color: #000000;
    border-color: #000000;
    border-width: 2px;
    border-radius: 60px;
    box-shadow: inset 0px 0px 0px 2px #000000;
    font-size: 26px;
    height: 54px;
  }
  .job_detail_buttons_top_back  .btn:hover , .job_detail_buttons_bottom_back  .btn:hover, .job_detail_body_button_back .btn:hover{
    background-color: #000000;
    color: white;
    border-color: #000000;
  }
  .job_detail_buttons_top_bewerben .btn , .job_detail_buttons_bottom_bewerben .btn, #send_bewerbung{
    background-color: #ccefcb;
    color: #000000;
    border-color: #000000;
    border-width: 2px;
    border-radius: 60px;
    box-shadow: inset 0px 0px 0px 2px #000000;
    font-size: 26px;
    height: 54px;
  }
  .job_detail_buttons_top_bewerben .btn:hover , .job_detail_buttons_bottom_bewerben:hover .btn, #send_bewerbung:hover{
    background-color: #000000;
    color: white;
    border-color: #000000;
  }
  .bewerbungs_task_image{
    margin-bottom: -83px;
  }
  .bewerbungs_task_image img {
    max-width: 767px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* content: url("/files/public_folder/c_2054/0_frontend/image.jpg"); */
  } 
  .body_bewerbung  .bewerbungs_task_image img{
    display: none;
  }
  .bewerbung_success .bewerbungs_task_image{
    margin-bottom: 0;
    margin-top: 20px;
  }
  .bewerbungs_success_msg{
    box-shadow: inset 0px 0px 0px 6px #ccefcb;
    margin-top: 20px;
    padding: 20px;
  }
  .body_bewerbung .job_detail_filter{
    margin: 45px auto 20px auto;
  }
  .job_detail_header {
    background: #002898;
    margin-top: 0px;
  }
  .job_detail_header_mateco  .col-md-8{
    max-width: 100%;
  }
  .job_detail_header h1 {
    margin: 40px 0;
    font-weight: 600;
    font-size: 50px;
    color: white;
  }
  h1,
  .headline h1,
  #application_form h1{
    font-size: 30px;
  }
  h2,
  .h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.25;
    font-family: "Charite Headline";
    letter-spacing: -0.02em;
  }
  .jobs_theclimatechoice_com .head_right button {
    display: none;
  }
  .job_detail_company_benefit a, .others a , .contact_person  a{
    background-image: linear-gradient(#000000,#000000);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    transition: background-size 0.3s;
    padding-bottom: 4px;
    padding-left: 38px;
    padding-right: 0;
    transition: all 0.2s ease-in;
    position: relative;
  }
  .job_detail_company_benefit a:hover, .others a:hover, .contact_person  a:hover{
    background-size: 0% 2px;
    transition: all 0.2s ease-in;
    }
    .job_detail_company_benefit a:before ,.others a:before, .contact_person  a:before{
        position: absolute;
        right: auto;
        left: 0;
        top: -1px;
        margin-right: 0px;
        width: 26px;
        height: 26px;
        content: "";
        display: inline-block;
        background-image: url(https://karriere.charite.de/typo3temp/assets/compressed/../../../typo3conf/ext/skeleton/Resources/Public/img/CHA_Icon_Link-extern.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        transition: all 0.2s ease-in;
    }
    .job_detail_company_benefit a:hover:before, .others a:hover:before, .contact_person  a:hover:before {
        transform: rotate(45deg);
        transition: all 0.2s ease-in;
    }

  a,
  a:hover {
    color: #000000;
  }
  #jobList tbody td:first-child {
    border-left-style: solid;
    border-top-left-radius: 20px; 
    border-bottom-left-radius: 20px;
}
#jobList tbody td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 20px; 
    border-top-right-radius: 20px; 
}
.table_fixed  tbody td:first-child {
    border-left-style: solid;
    border-top-left-radius: 20px; 
    border-bottom-left-radius: 20px;
}
.table_fixed  tbody td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 20px; 
    border-top-right-radius: 20px; 
}
  td h2 {
    font-size: 20px;
  }
  .th-inner {
    font-size: 18px;
  }
  .size_l p {
    font-size: 17px;
  }
  .tbody{
    background: white;
  }
  .table-hover thead tr,  .table-hover thead tr th{
    background-color: transparent;
  }
  .table-hover tbody tr{
    background-color: white;
    border-radius: 20px;
    
  }
  .table-hover tbody tr:hover {
    background: #ccefcb;
  }
  .job_detail_head {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .job_detail_filter {
    max-width: 1000px;
    margin: 150px auto 20px auto;
    text-align: center;
    box-shadow: inset 0px 0px 0px 6px #ccefcb;
    padding: 40px 40px 20px 40px;
  }
  .job_detail_filter >div:first-of-type{
    justify-content: center;
  }
  .job_detail_customer_description,
  .job_detail_duties,
  .job_detail_profile,
  .job_detail_company_benefit,
  .others {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .job_detail_sub_title h2 {
    font-size: 45px;
    color: #000000;
    line-height: 150%;
    font-family: "Charite Text Book";
    font-weight: 600;
  }
  .job_detail_conclusive_words {
    background: #f4f4f4;
    color: #666;
    text-align: center;
    padding: 20px 10%;
    margin: 20px 0 40px 0;
  }
  .job_detail_contact_person_inserted {
    display: none;
  }
  .job_detail_buttons_bottom {
    margin-bottom: 36px;
  }
  .job_detail_share {
    margin-top: 20px;
  }
  button{
    color: #000000;
  }
  .btn {
    font-size: 16px;
    color: #000000;
  }
  .btn_custom_filter{
    width: 125px;
    float: right;
    margin-bottom: 30px;
    font-size: 18px;
  }
  .btn-action,
  .btn_green,
  .btn_red,
  .btn_custom_filter {
    background-color: #ccefcb;
    color: black;
    border-color: #ccefcb;
    border-width: 2px;
    border-radius: 3px;
  }
  .btn-action:hover,
  .btn_green:hover,
  .btn_red:hover,
  .btn_custom_filter:hover {
    background-color: white;
    border-color: #ccefcb;
    color: #000000;
  }
  .btn-login{
    color: #000000;
  }
  #login_form{
    font-size: 18px;
    line-height: 25px;
  }

  #custom_filter_container .btn-action{
    background-color: #000;
    color: white;
    border-width: 2px;
    border-radius: 3px;
  }
  #custom_filter_container .btn-action:hover{
    background-color: white;
    color: black;
    border-color: black;
  }
  .job-offer-list-div-container {
    transition: all 300ms ease;
    cursor: pointer;
    background: white;
    border: 0px solid transparent;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 40%);
    min-height: 265px;
    text-align: center;
    padding: 2rem 1.5rem;
  }
  .job-offer-list-div-container h2 {
    text-align: center;
  }
  .job-offer-list-div-container:hover {
    background: #f5f5f5;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 60%);
  }
  
  .job-offer-list-div-filter {
    padding-top: 10px;
  }
  
  .job-offer-list-div-button {
    position: absolute;
    bottom: 40px;
    width: calc(100% - 40px);
  }
  
  .step {
    height: 120px;
  }
  .step_text {
    color: white;
  }
  .step_middle {
    background-color: transparent;
  }
  
  .bottom_frontend {
    background-color: #ccefcb;
    margin-top: 60px;
    color: white;
    padding-bottom: 30px;
  }
  
  .bottom_frontend h1,
  .bottom_frontend .h1 {
    color: white;
    padding-bottom: 0;
  }
  
  .banner_home_call_to_action {
    margin-top: 60px;
    margin: 60px 0;
    padding: 60px 0 60px 0;
  }
  
  .job_detail_contact_person_inserted_title h2 {
    text-align: center;
  }
  .job_detail_contact_person_inserted_body_right {
    text-align: center;
    flex: 0 0 100%;
    max-width: 100%;
    max-width: 100%;
  }
  .contact_person{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .hr_suite #login_form .form-label-group > input, .form-label-group > input, .form-label-group > select, .form-label-group > label{
    font-size: 18px;
    white-space:break-spaces;
  }
  #jobList td h1, td p, .ui-menu-item h1, .ui-menu-item p, .size_l p{
    text-overflow: revert;
    white-space: pre-wrap;
  }
  

  @media (max-width: 991px) {
    .job_detail_buttons_top .col-xl-4, .job_detail_buttons_bottom .col-xl-4 {
        flex: 0 0 49.333333%;
        max-width: 54.333333%;
    }
    .job_detail_buttons_top_back .btn, .job_detail_buttons_bottom_back .btn {
        font-size: 19px;
        height: 40px;
    }
    .job_detail_buttons_top_bewerben .btn, .job_detail_buttons_bottom_bewerben .btn{
        font-size: 19px;
        height: 40px;
    
    }
  }
  @media (max-width: 47.9375em) {
    h1,
    .headline h1,
    #application_form h1 {
    }
    h1,
    .h1,
    .headline h1 {
      font-size: 26px;
      text-align: center;
    }
    h2,
    .h2 {
      font-size: 22px;
    }
  
    .job_offer {
      padding: 0 0px;
    }
    .job_detail_header h1{
        font-size: 27px;
    }
    .bewerbungs_task_image{
        height: auto;
    }
    .col-12.job_detail_profile,
    .col-12.job_detail_company_benefit,
    .col-12.contact_person,
    .col-12.others {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .col-12.job_detail_company_benefit {
      margin-top: 0px;
    }
    .uid_18 #custom_filter_row {
      margin: -1px 0 0 0;
    }
    .filter_title_frontend,.filter_title_frontend_value{
        font-size: 18px;
    }
    .filter_claim_container {
      padding: 0px;
    }
    .job-offer-list {
      padding: 0px 30px;
    }
    .head_frontend_claim h2{
      font-size: 27px;
    }
    #custom_filter_container{
      padding: 20px 0px;
    }
    #jobList .card-view-title {
      width: 100% !important;
    }
    #jobList .card-view-value p{
        font-size: 18px;
    }
    .job_detail_sub_title h2{
        font-size: 27px;
    }
    .detail_task .job_detail_body .col-12:nth-child(n+2) {
        padding: 0 30px;
    }
    .body_bewerbung .job_detail_body .col-12:nth-child(n+2) {
        padding: 0 15px;
    }
    .job_detail_body p, .job_detail_body li{
       font-size: 19px;
      }
      .job_detail_buttons_top .col-xl-4, .job_detail_buttons_bottom .col-xl-4 {
        flex: unset;
        max-width: unset;
    }
    .job_detail_buttons_top_back .btn, .job_detail_buttons_bottom_back .btn {
        font-size: 19px;
        height: 40px;
    }
    .job_detail_buttons_top_bewerben .btn, .job_detail_buttons_bottom_bewerben .btn{
        font-size: 19px;
        height: 40px;
    
    }
    .bewerbungs_task_image img {
        max-width: 767px;
        max-height: 219px;
        object-fit: cover;
    }
    .filter_col_30{
        margin-top: 20px;
    }
    .card-view > span >p{
      font-size: 18px ; 
  
    }
    .card-view > span {
      font-size: 19px ; 
  
    }
  }
  @media only screen and (min-width: 768px)  and (max-width: 1024px) {
    .card-view > span >p{
      font-size: 20px ; 
  
    }
    .card-view > span {
      font-size: 22px ; 
  
    }

  }
  @media only screen and (min-width:1024px) {
    .job-offer-list{
      max-width: 98%;
    }
    .job_detail_buttons_top .col-xl-4, .job_detail_buttons_bottom .col-xl-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }
  .job_detail_customer_description,
  .job_detail_filter,
  .job_detail_duties,
  .job_detail_profile,
  .job_detail_company_benefit,
  .others,
  .contact_person {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  }



@media only screen and (min-width: 1920px) {
  .job_detail_customer_description,
  .job_detail_filter,
  .job_detail_duties,
  .job_detail_profile,
  .job_detail_company_benefit,
  .others,
  .contact_person {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

    .job_detail_buttons_top .col-xl-4, .job_detail_buttons_bottom .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 24.333333%;
    }
    .job-offer-list{
      max-width: 1650px;
    }
    .job-offer-list h2 a{
      font-size: 24px;
      line-height: 29px;
    }
}

.bih_css .job_detail_header
 {
    background-color: #003754 !important;
}

.bih_css .job_detail_filter{
  box-shadow: inset 0px 0px 0px 6px #EA5451 !important;
}
.bih_css .job_detail_buttons_top_bewerben .btn, .bih_css .job_detail_buttons_bottom_bewerben .btn, .bih_css #send_bewerbung{
  background-color: #EA5451 !important;
  color: white !important;
}
.bih_css .job_detail_buttons_top_bewerben:hover .btn , .bih_css .job_detail_buttons_bottom_bewerben:hover .btn, .bih_css #send_bewerbung:hover{
  background-color: #C83C37 !important;
  color: white !important;
  border-color: #C83C37 !important;
}
.bih_css .job_detail_buttons_top_back .btn, .bih_css .job_detail_buttons_bottom_back .btn, .bih_css .job_detail_body_button_back .btn{
  border-color: #C83C37 !important;   
  box-shadow: inset 0px 0px 0px 2px #C83C37 !important;
}
.bih_css .job_detail_buttons_top_back .btn:hover, .bih_css .job_detail_buttons_bottom_back .btn:hover, .bih_css .job_detail_body_button_back .btn:hover{
  background-color: #C83C37 !important;
  color: white !important;
  border-color: #C83C37 !important;
}
.bih_css .job_detail_buttons_top_bewerben .btn, .bih_css .job_detail_buttons_bottom_bewerben .btn, .bih_css #send_bewerbung{
  border-color: #C83C37 !important;   
  box-shadow: inset 0px 0px 0px 2px #C83C37 !important;
}
.bih_css .job_detail_buttons_top_bewerben .btn:hover, .bih_css .job_detail_buttons_bottom_bewerben .btn:hover, .bih_css #send_bewerbung:hover{
  background-color: #C83C37 !important;
  color: white !important;
  border-color: #C83C37 !important;
}
.bih_css .job_detail_buttons_top_bewerben a .btn {
  color:white !important;
}
.bih_css #footer{
  background-color: #003754 !important;
}
.bih_css #footer a{
  color: #FFFFFF !important;
}
.bih_css #footer a:hover{
  color: #FFFFFF !important;
}

.bih_css .bewerbung_success .bewerbungs_task_image  .col-12{
  display: flex;
  justify-content: center;
}
.bih_css .bewerbungs_success_msg{
  box-shadow: inset 0px 0px 0px 6px #EA5451 !important;
}