section.m12_stellenangebote[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 106px;
padding-bottom: 94px;
}
section.m12_stellenangebote[data-innerer-abstand="innerer_abstand_nur_oben"] {
padding-top: 106px;
}
section.m12_stellenangebote[data-innerer-abstand="innerer_abstand_nur_unten"] {
padding-bottom: 94px;
}
section.m12_stellenangebote {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: bottom center !important;
position: relative;
padding-left: 60px;
overflow: hidden;
}
section.m12_stellenangebote .mm-horizontal-hl {
color: rgba(255,255,255,.5);
z-index: 1;
top: 110px !important;
bottom: auto !important;
position: absolute !important;
}
section.m12_stellenangebote .mm_horizontal_hl_item {
font-size: 1rem;
}
section.m12_stellenangebote .m12_stellenangebote_top_container {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 44px;
}
section.m12_stellenangebote .m12_titel {
font-size: 2.1875rem;
margin-bottom: 0;
}
section.m12_stellenangebote .m12_filter_main_container {
display: flex;
gap: 0 6px;
background: #21262a;
padding: 6px;
border-radius: 35px;
position: relative;
}
section.m12_stellenangebote .m12_filter_active_indicator {
position: absolute;
height: calc(100% - 12px);
width: 237px;
border-radius: 35px;
background: #f67939;
left: 6px;
top: 6px;
}
section.m12_stellenangebote .m12_filter_item {
padding: 18px 67px 14px;
border-radius: 35px;
cursor: pointer;
position: relative;
z-index: 2;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
section.m12_stellenangebote .m12_filter_item_inner {
color: rgba(244,244,244,.5);
line-height: 1;
-webkit-transition: color .4s, font-weight .4s;
-moz-transition: color .4s, font-weight .4s;
-ms-transition: color .4s, font-weight .4s;
-o-transition: color .4s, font-weight .4s;
transition: color .4s, font-weight .4s;
}
section.m12_stellenangebote .m12_filter_item:hover,
section.m12_stellenangebote .m12_filter_item.active {
}
section.m12_stellenangebote .m12_filter_item:hover .m12_filter_item_inner,
section.m12_stellenangebote .m12_filter_item.active .m12_filter_item_inner {
color: #fff;
}
section.m12_stellenangebote .m12_item_content{
height:100%;
position: relative;
}
section.m12_stellenangebote .m12_stellenangebote_container_content{
padding:25px 20px;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #1f2225, #1f2225 15%, rgba(31,34,37,.8) 30%, rgba(31,34,37,.4) 50%, rgba(31,34,37,.2) 75%, transparent 100%);
display: flex;
flex-direction: column;
justify-content: space-between;
}
section.m12_stellenangebote p{
margin:0;
}
section.m12_stellenangebote .m12_item{
margin-bottom:30px;
}
section.m12_stellenangebote .m12_item_link_item {
display: block;
}
section.m12_stellenangebote .m12_item:nth-child(odd) {
padding-right: 15px;
}
section.m12_stellenangebote .m12_item:nth-child(even) {
padding-left: 15px;
}
section.m12_stellenangebote .m12_image_item{
width:100%;
height: 100%;
object-fit: cover;
object-position: center;
}
section.m12_stellenangebote .m12_image_post {
height: 690px;
}
section.m12_stellenangebote .m12_standort_date_container,
section.m12_stellenangebote .m12_title_text_container {
padding: 0 10px;
}
section.m12_stellenangebote .m12_stellenangebote_container_top_content {
display: flex;
justify-content: space-between;
align-items: center;
}
section.m12_stellenangebote .m12_stellenangebote_type {
display: inline-block;
line-height: 1;
padding: 10px 20px 8px;
border-radius: 22px;
backdrop-filter: blur(20px);
font-size: 12px;
}
section.m12_stellenangebote .m12_stellenangebote_arrow_container {
width: 38px;
height: 38px;
border-radius: 50%;
background: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
}
section.m12_stellenangebote .m12_stellenangebote_arrow_item {
width: 12px;
height: 9px;
fill: #181d22;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
section.m12_stellenangebote .m12_standort_date_container {
display: flex;
align-items: center;
gap: 0 28px;
margin-bottom: 20px;
}
section.m12_stellenangebote .m12_info_text {
font-size: 12px;
line-height: 1;
margin-top: 5px;
}
section.m12_stellenangebote .m12_standort_date_svg {
fill: #f67939;
}
section.m12_stellenangebote .m12_standort_svg {
width: 11px;
height: 13px;
}
section.m12_stellenangebote .m12_date_svg {
width: 11px;
height: 11px;
}
section.m12_stellenangebote .m12_standort_container,
section.m12_stellenangebote .m12_date_container {
display: flex;
align-items: center;
gap: 0 8px;
}
section.m12_stellenangebote .m12_title * {
font-size: 1.125rem;
}
section.m12_stellenangebote .m12_text_container * {
color: rgba(244,244,244,.5);
}
section.m12_stellenangebote .mediameans_stellenangebote_video {
position: absolute;
bottom: 0;
left: 0; 
width: 100%;
object-fit: cover;
height: 110%; z-index: 1;
opacity: .5;
}
section.m12_stellenangebote .mM_container {
z-index: 2;
position: relative;
}
body.jobseite section.m12_stellenangebote .m12_titel,
body.jobseite section.m12_stellenangebote .m12_title_item {
color: #fff;
}
@media screen and (max-width: 1920px) {
section.m12_stellenangebote .m12_image_post {
height: 490px;
}
}
@media screen and (max-width: 1199px) {
section.m12_stellenangebote .m12_stellenangebote_top_container {
flex-direction: column;
}
section.m12_stellenangebote .m12_titel_container {
margin-bottom: 30px;
}
}
@media screen and (max-width: 991px) {
section.m12_stellenangebote .m12_image_post {
height: 390px;
}
section.m12_stellenangebote .m12_stellenangebote_container_content {
background: linear-gradient(to top, #1f2225, #1f2225 25%, rgba(31,34,37,.8) 40%, rgba(31,34,37,.4) 60%, rgba(31,34,37,.2) 80%, transparent 100%)
}
section.m12_stellenangebote .m12_filter_item {
padding: 18px 40px 14px;
}
}
@media screen and (max-width: 767px) {
section.m12_stellenangebote .m12_filter_main_container {
flex-direction: column;
gap: 6px 0;
}
}
@media screen and (max-width: 575px) {
section.m12_stellenangebote .container {
padding: 0 25px;
}
section.m12_stellenangebote .m12_image_post {
height: 330px;
}
section.m12_stellenangebote .m12_stellenangebote_container_content {
background: linear-gradient(to top, #1f2225, #1f2225 30%, rgba(31,34,37,.8) 50%, rgba(31,34,37,.4) 70%, rgba(31,34,37,.2) 85%, transparent 100%)
}
section.m12_stellenangebote[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
padding-top: 85px;
padding-bottom: 73px;
}
section.m12_stellenangebote[data-innerer-abstand="innerer_abstand_nur_oben"] {
padding-top: 85px;
}
section.m12_stellenangebote[data-innerer-abstand="innerer_abstand_nur_unten"] {
padding-bottom: 73px;
}
section.m12_stellenangebote .mm-horizontal-hl {
display: none;
}
section.m12_stellenangebote {
padding-left: 0;
}
}