.m12_stellenangebote{
background-color:#ecedec;
}
.m12_stellenangebote_container_content,
.m12_stellenangebote_right{
display:flex;
}
.m12_item{
border:2px solid #d8d8d8;
background-color:#f2f2f2;
padding:0;
}
.m12_item:not(:last-child) {
margin-bottom: 15px;
}
.m12_stellenangebote_left{
width:40%;
padding-right: 30px;
display: flex;
}
.m12_stellenangebote_left .m12_location_icon_container {
padding-right: 20px;
}
.m12_stellenangebote_left .m12_location_icon_container svg {
width: 20px;
}
.m12_stellenangebote_left .m12_title_ort_container {
width: calc(100% - 40px);
}
.m12_einstiegslevel_container,
.m12_abteilung_container{
padding-right:20px;
}
.m12_stellenangebote_cat_name{
color:#333333;
margin-bottom:0;
font-size:0.875rem;
}
.m12_items{
margin-bottom:58px;
}
.m12_stellenangebote_header_title_container{
margin-bottom:60px;
}
.m12_stellenangebote_header_container{
margin-bottom:65px;
}
.m12_stellenangebote_header_title_container *{
color:#1a1a1a;
margin-bottom:0; }
.m12_items:last-child{
margin-bottom:0;
}
.m12_stellenangebote_cat_name{
border-bottom: 1px solid #c7c8c7;
margin-bottom:27px;
padding-bottom:17px;
}
.m12_stellenangebote_right{
width:60%;
justify-content: space-between;
}
.m12_title *{
color:#017fc5;
}
.m12_title h3 {
font-family: "verdana-pro", sans-serif;
font-weight: 700;
}
.m12_item_content p{
margin-bottom:0;
}
.m12_stellenangebote_filter_reset_container {
padding-top: 15px;
text-align: right;
display: none;
}
.m12_stellenangebote_filter_reset_container .m12_stellenangebote_filter_reset {
cursor: pointer;
color: #ec2525;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.m12_stellenangebote_filter_reset_container .m12_stellenangebote_filter_reset:hover {
color: #333;
} .m12_arrow {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
border: 1px solid #c9c9c9;
border-radius: 50%;
}
.m12_arrow svg{
width: 9px;
min-width: 9px;
height: 11px;
min-height: 11px;
fill:#333333;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.m12_stellenangebote_load_more_container{
display: flex;
justify-content: center;
}
.m12_stellenangebote_load_more_loader{
position: absolute;
width: 20px;
transform: translate(50%, 0);
cursor:default;
}
.m12_stellenangebote_load_more_text{
cursor:pointer;
}
.m12_title *,
.m12_einstiegslevel_container *,
.m12_abteilung_container *,
.cur_arbeitszeit_container *{
font-size:1.031rem;
}
.m12_ort_container *,
.m12_einstiegslevel_title *,
.m12_abteilung_title *,
.m12_arbeitszeit_title *{
font-size:0.875rem;
}
.m12_arbeitszeit_title,
.m12_abteilung_title,
.m12_einstiegslevel_title{
margin-bottom:3px;
}
.m12_item>a{
padding: 30px 24px;
display:block;
}
.m12_arrow_container{
display: flex;
align-items: center;
justify-content: end;
} .m12_stellenangebote_header_filter{
display:flex;
gap:0 34px;
}
.m12_stellenangebote_header_filter>div{
width:25%;
}
.m12_stellenangebote_header_filter select{
width:100%;
}
.m12_stellenangebote_right_text {
display: flex; width: 100%;
}
.m12_stellenangebote_right_text_item {
width: 33.3333%;
}
.m12_stellenangebote_header_filter_item select {
border: none;
outline: none;
border-radius: 50px;
padding: 15px 30px;
color: #333;
background: #e2e3e2;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,<svg width="8" height="4" id="a" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256.175 149.532"><path d="M220.276,5.658l-21.798,21.798-49.057,49.206h-.149l-6.037,6.037c-.041,.042-.083,.083-.124,.124-8.365,8.297-21.873,8.241-30.17-.124l-6.037-6.037h-.149L57.694,27.452,35.899,5.658C27.496-2.074,14.425-1.889,6.274,6.262-2.091,14.627-2.091,28.19,6.274,36.555l106.666,106.667c8.297,8.365,21.805,8.42,30.17,.123,.041-.041,.083-.082,.124-.123L249.901,36.555c8.366-8.365,8.366-21.928,0-30.293-8.15-8.151-21.221-8.336-29.625-.604" style="fill:%23333333;"/></svg>');
background-repeat: no-repeat;
background-position-y: 50%;
background-position-x: 94%;
-webkit-transition: background .4s, color .4s;
-moz-transition: background .4s, color .4s;
-ms-transition: background .4s, color .4s;
-o-transition: background .4s, color .4s;
transition: background .4s, color .4s;
}
.m12_stellenangebote_header_filter_item select.active,
.m12_stellenangebote_header_filter_item select:hover { 
background-color: #017fc5;
color: #f2f2f2;
background-image: url('data:image/svg+xml;utf8,<svg width="8" height="4" id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256.18 149.53"><path d="M35.9,143.87l21.8-21.8,49.06-49.21h.15s6.04-6.04,6.04-6.04c.04-.04,.08-.08,.12-.12,8.37-8.3,21.87-8.24,30.17,.12l6.04,6.04h.15s49.06,49.21,49.06,49.21l21.8,21.79c8.4,7.73,21.47,7.55,29.62-.6,8.37-8.36,8.37-21.93,0-30.29L143.24,6.31c-8.3-8.37-21.8-8.42-30.17-.12-.04,.04-.08,.08-.12,.12L6.27,112.98c-8.37,8.36-8.37,21.93,0,30.29,8.15,8.15,21.22,8.34,29.62,.6" style="fill: %23f2f2f2;"/></svg>');
}
@media screen and (max-width: 991px) {
.m12_stellenangebote_right_text {
flex-direction: column;
}
.m12_title_container {
word-wrap: break-word;
}
.m12_stellenangebote_header_filter {
flex-wrap: wrap;
gap: 20px 34px;
}
.m12_stellenangebote_header_filter > div {
width: calc(50% - 17px);
}
.m12_stellenangebote_container_content {
flex-direction: column;
}
.m12_stellenangebote_left {
width: 100%;
padding-right: 0;
}
.m12_stellenangebote_right {
align-items: flex-end;
width: 100%;
}
.m12_stellenangebote_right > div:not(.m12_arrow_container) {
width: calc(100% - 50px);
}
.m12_arrow_container {
width: 50px;
}
}
@media screen and (max-width: 575px) {
.m12_stellenangebote_header_filter {
gap: 20px 0;
}
.m12_stellenangebote_header_filter > div {
width: 100%;
}
}