/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 * 
 /******************/
/* layout css anpegasst für tabelle und dropdowns*/
/******************/
#joboffers {margin-bottom: 10px!important;}
#joboffers tfoot {display: none!important;}
.showmorecontainer {margin: 0;padding: 0;}
.stellenangebote-container {margin-bottom: 10px;}
.stellen-tabelle {margin-top: 10px;}
    .vnrankerstellenangebote {margin: 20px;}
    .multi-select-menuitem, .group_box_inner {  float: left; clear:both; background-color: #fff;}
    .multi-select-menuitems {float: left; height: 150px; overflow: auto; width: 100%; position: relative; top: 1px; margin-top: 10px; }
    .multi-select-container {display: none;}
    .left {float: left; width: 49%; font-size: 23px; }
  .group_box_inner {width: 100%;}
  .filterdropdown {border: 0; padding: 10px; width: 100%; text-align: left; font-size: 18px;}

    .filter_selbox label {     
        font-weight: normal;
    color: #585858;
    font-size: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    background-color:#fff;
    padding: 5px;
    font-weight: normal;
}

.resetbutton-stellenfilter {padding: 4px 18px;
font-size: 18px;
font-weight: bold;
border: 0;
margin-top: 10px;
color: #fff;
background-color: #585858;
cursor: pointer;
}

.updatebutton-stellenfilter {
padding: 4px 18px;
font-size: 18px;
font-weight: bold;
border: 0;
margin-top: 10px;
color: #fff;
float: right;
background-color: #0068A5;
cursor: pointer;
}

.mehrbutton-stellenfilter {
padding: 4px 18px;
font-size: 18px;
font-weight: bold;
border: 0;
color: #fff;
float: left;
background-color: #0068A5;
cursor: pointer;

}

.wenigerbutton-stellenfilter {
padding: 4px 18px;
font-size: 18px;
font-weight: bold;
border: 0;
color: #fff;
float: left;
display: none;
background-color: #0068A5;
cursor: pointer;

}

.real_table {font-size: 18px;}
.stellen-filter-buttons-left {float: left; width: 49%;}
.stellen-filter-buttons-right {float: right; width: 49%;}
.multi-select-container {padding-left: 10px; font-size: 18px; }
.group_line {width: 100%;}
.imagedroppos {  
    text-align: right;
    float: right;
    position: relative;
    top: 5px;
    right: 5px;}

/***********/
/* tables  */
/***********/

.real_table {
    width: 100%;
    margin-bottom: 1em;
}

.real_table th,
.real_table td {
    padding: 20px 15px 20px 0;
    border-bottom: 1px solid #585858;
}

.real_table th {
    text-align: left;
}

.real_table th a {
    /*color: #000 !important;*/
    white-space: nowrap;
}

.real_table tbody td a,
.real_table tbody td a:hover,
.real_table tbody td a:visited,
.real_table tbody td a:active{
    color: #585858;
    font-weight: 400;
}

.real_table tfoot td {
    border: 0;
}

.real_table .alternative_0 td {

}

.real_table .alternative_1 td {

}

.real_table caption {
    caption-side: bottom;
    text-align: left;
    padding: 1.2em 0;
    font-weight: bold;
}

th.real_table_col1 {
  min-width: 200px;
}

.icon_order_dir {
    margin-left: 5px;
}

.icon_order_sort_down,
.icon_order_sort_up {
    color: #000;
}

.icon_order_sort_none {
    color: #AAA;
}
.distance {
    font-size: 11px;
    color: #333;
}

/**************/
/* joboffers  */
/**************/

/* jobalert */
#job_alert_box {
    margin-top: 0;
}

#jobTplContainer{
    overflow: hidden;
}

/* filter */
#filter_area{
    margin:2em 0;
}

#job_filter_basic .group_field {
    float: none;
}

.autocomplete_span {
    display: inline;
}

#filter_area .other_actions {
    text-align: right;
    margin: 0;
}

#filter_area .group {
    overflow: auto;
}

#filter_area legend,
#filter_area span.mini {
    font-size: 1em;
}

#filter_area fieldset ul {
    height: 4em;
}

#filter_area fieldset ul li span,
#filter_area select {
    font-size: 1em;
    line-height: 1.7; 
}

#filter_area fieldset ul li span {
    margin-left: 1.5em;
}

#filter_area  fieldset ul {
    width: 99.5%;
}

#filter_area .group_field_cb {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 49%;
    padding-left: 2%;
}

#filter_area .group_field_cb:first-child {
    padding-left: 0;
}

#filter_area .group_field_btn {
    width: 50%;
    text-align: left;
}

#filter_area .group_field_btn:last-child {
    text-align: right;
}

#filter_area .group_field {
    padding-bottom: 15px;
}

#filter_area .css_button {
    margin: 0;
}

/* joblist navigation */
#joblist_navigator {
    text-align: center;
    padding: 10px 0 0;
}

#joblist_navigator ul.path_nav {
    display: inline-block;
}

.stellen_navi {}

.stellen_navi_sel a {
    color: #000;
    text-decoration: underline;
}

/* joblist */
#rexx_footer {
    line-height: 1em;
    text-align:right;
    font-size:.9em; 
    padding-top:1.5em;
}

/* jobalert */
#jobalert_box {
    border: 1px solid #585858;
    margin-bottom: 2.0em;
    padding: 20px;
    width: 30%;
}

#jobalert_box #btn_online_application_job_alert {
    margin: 0;
}

#job_alert_filter_adv {
    padding-bottom: 20px;
}

.job_alert_filter {
    padding-bottom: 10px;
}


#nav_main ul {
    list-style-type: none;
    padding: 0;
    margin-top:0;
}


/**********************/
/* display attachment */
/**********************/

#display_attachment img {
    display: block;
    margin: auto;
    max-width: 20em;
    height: auto;
}



/***************/
/* no js alert */
/***************/

#no_js_alert_layer {
    text-align:center;
    margin:.2em;
}

#no_js_alert_layer p {
    font-size:.8em;
    margin:0;
    padding:0;
}



/*************/
/* clearance */
/*************/

.breaker {
    clear:both;
    height:.1px;
    font-size:0;
    line-height:0;
}


/***********************************/
/* ------------ Responsive---------*/
/***********************************/

@media (min-width:768px){
    .container{width:750px}


}
@media (min-width:992px){
    .container{width:970px}
}
@media (min-width:1200px){
    .container{width:1200px}
}

@media (max-width:991px){
    .footer_seals span.footer_seal_1, .footer_seals span.footer_seal_4  {
        width: 16%;
    }
    .footer_seals span.footer_seal_2, .footer_seals span.footer_seal_5  {
        width: 25%;
    }
    .footer_seals span.footer_seal_3 {
        width: 17%;
    }
}

@media (max-width: 960px) {
     .filterdropdown, .updatebutton-stellenfilter, .resetbutton-stellenfilter, #joboffers {font-size:16px; }
    #jobalert_box {
        width:50%;
        font-size:0.8em;
    }
    .real_table_col3 {
        display: none;
    }
}

 /* medium devices ,  992px und up */
 @media all and (min-width: 780px) and (max-width: 1199px){

    /* back_blau */
   .back_blau p {
     padding-left: 10px!important;
      font-size: 1.7vw;
  }

   .back_blau a{
      font-size: 1.7vw;
    }

 .back_blau h3 {
     padding-left: 10px;
      font-size: 2vw;
 }

    /* Impressum */
    .contact_infos p{
      font-size: 1.6vw;
    }

    /* kasten */
    .kaesten .textwidget h2{
      font-size: 2vw;
    }

    .kaesten .textwidget p,
    .kaesten .textwidget a{
      font-size: 1.7vw!important;
    }
 
 }

@media (max-width: 780px) {
    .panel-grid-cell,
    #pgc-w56af338fa2a90-0-0,
    #pg-w56b06ff1b9192-0 .panel-grid-cell,
    #pg-w56af338fa2a34-0 .panel-grid-cell,
    #pg-w56af338fa2a90-0 .panel-grid-cell {
        float: none;
        width: auto;
    }

    #pg-w56a903c6e7095-0 .panel-grid-cell,
    #pg-w56a903c6e7095-1 .panel-grid-cell,
    #pgc-w56a903c6e7095-0-2, #pgc-w56a903c6e7095-1-0,
    #pgc-w56a903c6e7095-1-1, #pgc-w56a903c6e7095-1-2 {
        float: none;
        width: auto;
        /*padding: 0;*/
    }
    #pgc-w56af338fa2a90-0-1,
    #pgc-w56b06ff1b9192-0-0 {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    
    #frame_zone {
        width: 98%;
        margin: 0 1%;
        font-size: 20px;
    }
    
     .real_table_col2 {
        display: none;
    }
    #pageframework_content {
        display: block;
    }
    .frame_zone h1 {
        font-size:26px;
    }
    .frame_zone h2 {
        font-size:24px;
    }
    .frame_zone h3 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
     .group_field_cb {width: 100%;}
    .footer_seals span.footer_seal_1, .footer_seals span.footer_seal_4  {
        width: 26%;
    }
    .footer_seals span.footer_seal_2, .footer_seals span.footer_seal_5  {
        width: 45%;
    }
    .footer_seals span.footer_seal_3 {
        width: 28%;
    }
    #filter_area .group_field_cb,
    #filter_area .group_field_btn {
        width: 100%;
        padding-right: 0%;
        padding-left: 0%;
    }

    .frame_zone .css_button,
    .frame_zone .css_button a {
        display: block;
    }
    
    .frame_zone .css_button {
        margin-bottom: 10px;
    }
    
    .real_table_col2 {
        display: none;
    }
    #jobalert_box {
        width:100%;
    }
    
    .blau_hover_geld .panel-grid-cell .panel-first-child .textwidget p:last-child {
        position: relative;
    }

    #btn_online_application {
        float: initial;
        width: auto;
    font-size: initial;
    }
}

@media (max-width: 319px) {
     .filterdropdown, .updatebutton-stellenfilter, .resetbutton-stellenfilter, #joboffers {font-size:14px; }
     .resetbutton-stellenfilter ,.updatebutton-stellenfilter, .stellen-filter-buttons-left, .stellen-filter-buttons-right {width: 100%;}
    .real_table_col2 {
        display: none;
    }
}