section.m12_single_stellenangebot_header {
padding: 15px;
padding-bottom: 0;
background: #181d22;
overflow: visible;
position: relative;
z-index: 2;
}
section.m12_single_stellenangebot_header + section {
padding-top: 350px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_header_inner {
padding-top: 140px;
background: #f4f4f4;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container {
display: flex;
flex-wrap: wrap;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container > div {
width: 100%;
flex: 0 0 auto;
max-width: 100%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_content_back_to_jobs {
display: inline-flex;
align-items: center;
color: #6b6b6b;
text-transform: uppercase;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_content_back_to_jobs svg {
width: 14px;
height: 11px;
fill: #6b6b6b;
margin-right: 9px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_content_back_to_jobs:hover {
color: #f67939;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_content_back_to_jobs:hover svg {
fill: #f67939;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_title_container {
margin-bottom: 30px;
max-width: 70%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_subtitle {
color: #6c6c6c;
margin-bottom: 5px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_title {
color: #181d22;
font-size: 2.1875rem;
margin-bottom: 0;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_tag_container {
display: flex;
align-items: center;
margin-bottom: 20px;
gap: 0 10px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_tag_container .m12_tag {
padding: 6px 20px 6px;
line-height: 1;
color: #f67939;
border: 1px solid #f67939;
border-radius: 14px;
font-size: .75rem;
display: inline-flex;
align-items: center;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_tag_container .m12_tag .m12_info_text {
margin-top: 3px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_tag_container .m12_tag svg {
width: 11px;
height: 13px;
fill: #f67939;
margin-right: 8px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_tag_container .m12_tag.m12_tag_date svg {
width: 12px;
height: 12px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_claim {
margin-bottom: 50px;
max-width: 50%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_claim * {
color: #6c6c6c;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_claim *:last-child {
margin-bottom: 0;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_apply_container {
position: relative;
z-index: 2;
margin-bottom: -28px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_apply_container .m12_single_stellenangebot_apply {
padding: 20px 30px 18px;
color: #fff;
background: #f67939;
border-radius: 30px;
display: inline-block;
line-height: 1;
cursor: pointer;
border: 1px solid #f67939;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_apply_container .m12_single_stellenangebot_apply:hover {
background: #fff;
color: #f67939;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_header_img_container {
margin-bottom: -300px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_header_img_container img {
max-height: 600px;
min-height: 300px;
}
@media screen and (min-width: 992px) {
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_content_back_to_jobs_container {
max-width: 25%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_main_content {
max-width: 75%;
}
}
@media screen and (max-width: 1920px) {
section.m12_single_stellenangebot_header .m12_single_stellenangebot_header_inner {
padding-top: 120px
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_title_container {
max-width: 80%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_claim {
max-width: 65%;
}
}
@media screen and (max-width: 1399px) { section.m12_single_stellenangebot_header .m12_single_stellenangebot_title_container {
max-width: 100%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_claim {
max-width: 80%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_header_img_container {
margin-bottom: -220px;
}
}
@media screen and (max-width: 1199px) { }
@media screen and (max-width: 991px) { section.m12_single_stellenangebot_header .m12_single_stellenangebot_header_img_container {
margin-bottom: -150px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_content_back_to_jobs_container {
margin-bottom: 30px;
}
}
@media screen and (max-width: 575px) {
section.m12_single_stellenangebot_header .container {
padding-left: 0;
padding-right: 0;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_content_back_to_jobs_container,
section.m12_single_stellenangebot_header .m12_single_stellenangebot_content_container .m12_single_stellenangebot_main_content {
padding-left: 25px;
padding-right: 25px;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_claim {
max-width: 100%;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_title {
font-size: 1.6875rem;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_tag_container {
flex-direction: column;
gap: 10px 0;
align-items: flex-start;
}
section.m12_single_stellenangebot_header .m12_single_stellenangebot_apply_container .m12_single_stellenangebot_apply {
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 400px) {
section.m12_single_stellenangebot_header .m12_single_stellenangebot_title {
font-size: 1.2875rem;
}
}