/* $Id: contentpages.css,v 1.34 2016/10/31 14:20:25 jtorborg Exp $ */


.flex-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* ----------------- Seitenbreiten ---------------*/
.menuid_3 .container,
.menuid_77 .container {
    width:812px;
}

.menuid_73 .container {
  width:728px;
}

.menuid_72 .container {
  width: 728px;
}

.menuid_74 .container,
.menuid_79 .container,
.menuid_78 .container {
  width: 916px;
}

.menuid_34 .container, .menuid_34 .inner_content {
    width: 832px;
}

.shadow {
    height: 14px;
    background: url(../images/shadow.png);
    position: absolute;
    left: 0;
    width: 100%;
}

.leclaim {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #F03;
    color: #FFF;
    padding: 20px 25px;
}

.leclaim h1 {
    color: #fff;
    font-size: 56px;
}

.leclaim #headline_first {
    margin: 0;
}

.m50-40 {
    margin_top: 50px;
    margin-bottom: 40px;
}

.contentHeadline2 h3 {
  font-size: 24px;
  margin: 0;
}

.contentHeadline {
    text-align: center;
    margin-top: 38px;
    margin-bottom: 32px;
}

.contentHeadline h3 {
    color:#999;
    font-family: "Interstate Light", sans-serif;
    font-size: 22px;
    line-height: 1.44em;
    font-weight:normal;
    margin: 0;
}

.contentHeadline2 {
    border-bottom:1px solid #b9b9b9;
    padding-bottom:10px;
    margin-bottom:15px;
}

.contentHeadlineRed {
    margin-bottom: 34px;
    padding-top: 50px;
}

.contentHeadlineRed.doesdonts {
    padding-top: 80px;
    margin-bottom: 35px;
}

.contentHeadlineRed h3 {
    color:#ff0033;
    margin: 0;
}

.textBlock {
    margin-bottom:60px;
    line-height: 1.4em;
}

.menuid_72 .textBlock {
    line-height: 1.4em;
}

.menuid_72 .textBlock:last-child {
    margin-bottom: 135px;
}

.menuid_73 .textBlock {
    margin-bottom: 35px;
    line-height: 1.2em;
}

#list {
    margin-top:50px;
    margin-bottom:50px;
    line-height: 30px;
}

#list ul {
    list-style-image: url("https://p7s1-portal.rexx-recruitment.com/portal/img0.php?id=15");
    padding-left: 18px;
    margin: 0;
}

.listLeft {
    width:396px;
    float:left;
}

.listRight {
    width:416px;
    float:left;
}

.list li {
    margin-bottom:5px;
}

.greyBox {
    background: #ECEDEF;
    padding-top: 50px;
    padding-bottom: 70px;
}

#whiteBoxLeft {
    width:354px;
    margin-right:20px;
    background-color:#FFF;
    float:left
}

#whiteBoxRight {
  width:354px;
    background-color:#FFF;
    float:right;
}

/*---------- Ansprechpartner ------------*/
.contactBox {
  width: 292px;
  float: left;
  background: #F2F2F2;
  margin-left: 20px;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 30px;
}

.cbname {
    font-family: Interstate, sans-serif;
    font-weight: bold;
    margin-bottom: 25px;
}

.cbdesc {
    margin-top: 30px;
    margin-bottom: 30px;
}


.cbdesc {
    margin-top: 18px;
    margin-bottom: 24px;
}

.contactBox-container {
  padding-bottom: 40px;
  padding-top: 50px;
}

.contactBox-container h3 {
  margin-bottom: 40px;
  text-align: center;
  line-height: 1.2em;
}

#contactPersonsBot {
  margin-bottom: 100px;
}

#contactPersonsTop .cbleft {
  margin-left: 146px;
}

#contactPersonsBot .cbleft {
  margin-left: 0;
}

.btn_mail {margin: 0}

.btn_mail a {
  padding: 13px;
  width: 226px;
}

.btn_mail .fa {
  vertical-align: text-top;
  margin-left: 15px;
}
/*---------- Der Prozess (und Bewerbung) --------- */
.processBoxHeader, 
.bewerbungBoxHeader,
.tippsBox {
    background: #ECEDEF;
    padding-top: 50px;
    padding-bottom: 70px;
}

.tippsBox {
    margin-bottom: 140px;
}

.pbhContent,
.bbhContent,
.tbContent {
    float: left;
    width: 252px;
    margin-left: 20px;
    background: #fff;
    padding: 35px 20px 30px 20px;
    min-height: 757px;
    text-align: center;
}

.pbhContent {min-height: 530px;}
.bbhContent {min-height: 598px;}
.tbContent {min-height: 626px;}

.pbhContent h4,
.bbhContent h4 {
    font-size: 18px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}

.pbhContent .fa {
    color: #f03;
    font-size: 74px;
}
.bbhContent .fa {
    color: #f03;
    font-size: 100px;
}

.pbhContent p,
.bbhContent p,
.tbContent p {
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 70px;
    text-align: left;
}

.bbhContent p {
    margin-top: 50px;
}

.processes {margin-bottom: 75px;}

.processes h1 {
    margin-top: 50px;
}

.processes h3 {
    margin-top: 50px;
    margin-bottom: 15px;
}

.processBox {
    padding: 20px 0 35px 0;
    border-top: 1px solid #b9b9b9;
}

.pbc1, .pbc2, .pbc3 {display:block; float:left}

.pbc1 {width: 334px;}

.pbc2 {width: 124px;}

.pbc3 {width: 458px;}

.pbc1 h4 {font-size: 18px; margin: 4px 0;}

.pbc1 p {margin-bottom: 30px;}

.pbc2 p {
    line-height: 30px;
    text-align: center;
    color: #f03;
}

.pbc2 p.extra {
    line-height: 22px;
}

.pbc3 p {line-height: 30px;}

.parrow_tiny {
    width: 11px !important;
    height: 42px !important;
}

.parrow_small {
    width: 11px !important;
    height: 50px !important;
}

.parrow_medium {
    width: 11px !important;
    height: 80px !important;
}

.parrow_medium2 {
    width: 11px !important;
    height: 105px !important;
}

.parrow_large {
    width: 11px !important;
    height: 111px !important;
}

.parrow_xlarge {
    width: 11px !important;
    height: 175px !important;
}

.parrow_xxlarge {
    width: 11px !important;
    height: 230px !important;
}

#parrow_volontaere_1 {
    width: 11px !important;
    height: 144px !important;
}

#parrow_volontaere_2 {
    width: 11px !important;
    height: 54px !important;
}

/*----------  Bewerbung -----------*/
.checklistHead {
    margin: 50px 0 40px 0;
    text-align:center;
}
.checklist {
    margin: 0 auto;
    margin-bottom: 135px;
    font-size: 14px;
}
.checklist td {
    padding-bottom: 4px;
}
.checklist .item .fa {
    color: #f03;
    vertical-align: text-bottom;
}
.checklist .item .fa.opt {
    color: #b9b9b9;
}
.checklist .item .name {
    text-align: right;
    padding-right: 16px;
    width: 260px;
}
.checklist .item .type {
    color: #888;
    width: 260px;
}

/* ------------ TIPPS ----------*/
.tbContent {
    width: 314px;
}

.tipps h4 {
    font-size: 18px;
    margin-bottom: 0;
}

.tbContent h4 {
    font-size: 18px;
    text-align: center;
    color: #f03;
    margin-top: 0;
    margin-bottom: 50px;
}
.tbContent .fa {
    color: #f03;
    font-size: 70px;
}

/*--------- Datenschutz ---------*/
.menuid_3 #headline_first,
.menuid_77 #headline_first {
    margin: 55px 0 45px 0;
}
.datenschutz {
    margin-bottom: 135px;
}


.impressum_content {
    margin-bottom: 160px;
}

@media (max-width: 979px) {
    

.menuid_79 .container,
.menuid_78 .container,
.menuid_77 .container,
.menuid_74 .container,
.menuid_73 .container,
.menuid_72 .container,
.menuid_3 .container,
#pageid_pagecontact .container,
#pageid_pagecontact .inner_content {
     width: auto;
}

/* ---- Ansprechpartner ---- */
.contactBox {
    margin-left: 0;
    width: 50%;
}

#contactPersonsTop .cbleft {margin: 0;}

.btn_mail a {width: auto}



} /* ---- END max-width 979px ---- */


/* ######## ------- RESPONSIVE ------- ########## */
@media (max-width: 1024px) {
    
    .pbhContent h4, .bbhContent h4,
    .aca_group_box h2, .aca_group_box2 h2 {
        letter-spacing: -1.5px;
    }
    
    .claim {
        letter-spacing: -1.5px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    
 
.processes {width: 728px;}
 
.pbhContent, .bbhContent {
    width: 27%;
    padding: 35px 15px 30px 15px;
}
.pbhContent {
    min-height: 630px;
}
.bbhContent {
    min-height: 757px;
}
.pbc1 {width: 36%;}

.pbc2 {width: 14%;}

.pbc3 {width: 50%;}

.parrow_small {
    width: 11px !important;
    height: 50px !important;
}

.parrow_medium {
    width: 11px !important;
    height: 112px !important;
}

.parrow_medium2 {
    width: 11px !important;
    height: 134px !important;
}

.parrow_large {
    width: 11px !important;
    height: 142px !important;
}

.parrow_xlarge {
    width: 11px !important;
    height: 200px !important;
}

.parrow_xxlarge {
    width: 11px !important;
    height: 260px !important;
}

#parrow_volontaere_1 {
    width: 11px !important;
    height: 176px !important;
}

#parrow_volontaere_2 {
    width: 11px !important;
    height: 54px !important;
}

.tbContent {
    width: 44%;
    padding: 35px 15px 30px 15px;
}

.btn_alljobs a {
    min-width: 1px;
}

.leclaim h1 {font-size: 34px;}
    
}  /* ---- END min-width: 768px max-width 979px ---- */


/*---------------- max-width: 767px ---------------------------*/

@media (max-width: 767px) {
    
 .processes {width: auto;}
    
.pbhContent, .bbhContent, .tbContent {
    width: auto;
    margin-left: 0;
    margin-top: 20px;
    min-height: 1px;
}

.checklist {margin-left: 40px;}

.leclaim h1 {font-size: 34px;}

.pbc1 {width: 100%}
.pbc2 {width: 20%;}
.pbc3 {width: 80%}

.checklist .item .name {
    width: auto;
}
.checklist .item .type {
    width: auto;
}

.parrow_small {
    width: 11px !important;
    height: 50px !important;
}

.parrow_medium {
    width: 11px !important;
    height: 112px !important;
}

.parrow_medium2 {
    width: 11px !important;
    height: 136px !important;
}

.parrow_large {
    width: 11px !important;
    height: 140px !important;
}

.parrow_xlarge {
    width: 11px !important;
    height: 200px !important;
}

.parrow_xxlarge {
    width: 11px !important;
    height: 260px !important;
}

#parrow_volontaere_1 {
    width: 11px !important;
    height: 176px !important;
}

#parrow_volontaere_2 {
    width: 11px !important;
    height: 54px !important;
}

.processBoxHeader {
    padding-bottom: 20px;
    padding-top: 0;
}

.contactBox {
    width: 100%;
}
.contentHeadline2 h3 {
  word-break: break-word;
}
} /* ---- END max-width 767px ---- */