body.jobseite .m22_titel {
color:#fff;
}
section.m22_header {
padding: 15px;
padding-bottom: 0;
}
.m22_header .m22_header_items{
display:flex;
gap:10px;
}
.m22_header[data-fullscreen="1"][data-anzahl="1"] .m22_header_item{
width:100%;
}
.m22_header[data-fullscreen="1"][data-anzahl="2"] .m22_header_item{
width:50%;
}
.m22_header[data-fullscreen="1"][data-anzahl="3"] .m22_header_item{
width:33.3333%;
}
.m22_header_item img{
width:100%;
height:100%;
object-fit:cover;
opacity: .8;
}
.m22_header_video_container{
width:100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
opacity: .8;
}
.m22_header .m22_header_item {
position: relative;
height: calc(100vh - 15px);
width: 100%;
min-height: 585px;
}
.m22_header .m22_header_content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
}
.m22_header .m22_header_content:before,
.m22_header .m22_header_content:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
}
.m22_header .m22_header_content:after {
height: 35%;
}
.m22_header .m22_header_content_inner {
max-width: 64%;
}
.m22_header .m22_header_content .m22_untertitel {
font-family: 'Nexa-Heavy', sans-serif;
font-weight: 700;
font-size: 3.4375rem;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
margin-bottom: 12px;
}
html[data-agent*="Firefox/"] .m22_untertitel {
-webkit-text-stroke-width: .3px;
}
.m22_header .m22_titel {
font-size: 6.13333rem;
font-family: 'Nexa-Heavy', sans-serif;
line-height: 1.1;
margin-bottom: 31px;
}
.m22_button_container {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}
.m22_button_helper {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
-ms-transform: translateX(-8px);
-o-transform: translateX(-8px);
transform: translateX(-8px);
}
.m22_button_container .m22_button {
display: inline-block;
padding: 23px 30px 20px;
border-radius: 40px;
line-height: 1;
border: .5px solid rgba(255,255,255,.5);
background: rgba(255,255,255,.1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
-webkit-transition: background .4s cubic-bezier(0.009,0.543,0.987,0.413), color .4s cubic-bezier(0.009,0.543,0.987,0.413);
-moz-transition: background .4s cubic-bezier(0.009,0.543,0.987,0.413), color .4s cubic-bezier(0.009,0.543,0.987,0.413);
-ms-transition: background .4s cubic-bezier(0.009,0.543,0.987,0.413), color .4s cubic-bezier(0.009,0.543,0.987,0.413);
-o-transition: background .4s cubic-bezier(0.009,0.543,0.987,0.413), color .4s cubic-bezier(0.009,0.543,0.987,0.413);
transition: background .4s cubic-bezier(0.009,0.543,0.987,0.413), color .4s cubic-bezier(0.009,0.543,0.987,0.413);
}
.m22_button_container .m22_button:hover {
color: #f67939;
background: #fff;
}
.m22_button_container .m22_button:not(:last-child) {
margin-right: 10px;
}
.m22_scroll_icon {
display: inline-block;
width: 22px;
height: 33px;
padding: 5px;
cursor: pointer;
position: absolute;
bottom: 82px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.m22_scroll_icon span {
border-radius: 7px;
display: block;
border: 1px solid #fff;
position: relative;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .4s ease-in-out;
-moz-transition: -moz-transform .4s ease-in-out;
-ms-transition: -ms-transform .4s ease-in-out;
-o-transition: -o-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
}
.m22_scroll_icon:hover span {
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-ms-transform: translateY(15px);
-o-transform: translateY(15px);
transform: translateY(15px);
}
.m22_scroll_icon span:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 4px;
background: #fff;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[data-title="Karriere"] .m22_image {
opacity: .25;
}
@media screen and (max-width: 2199px) {
.m22_header .m22_header_content_inner {
max-width: 77%;
}
}
@media screen and (max-width: 1920px) {
.m22_header .m22_header_content_inner {
max-width: 88%;
}
}
@media screen and (max-width: 1599px) {
.m22_header .m22_titel {
font-size: 4.733rem;
}
.m22_header .m22_untertitel {
font-size: 2.8375rem;
}
.m22_header .m22_header_content_inner {
max-width: 79%;
}
}
@media screen and (max-width: 1399px) {
.m22_header .m22_header_content_inner {
max-width: 93%;
}
}
@media screen and (max-width: 1199px) {
.m22_header .m22_titel {
font-size: 3.533rem;
}
.m22_header .m22_header_content_inner {
max-width: 84%;
}
.m22_header .m22_untertitel {
font-size: 2.4375rem;
}
}
@media screen and (max-width: 991px) {
.m22_header[data-fullscreen="1"][data-anzahl="3"] .m22_header_item,
.m22_header[data-fullscreen="1"][data-anzahl="2"] .m22_header_item{
width:100%;
}
.m22_header .m22_header_items{
flex-direction: column;
gap:0;
}
.m22_header_items .m22_header_item{
margin-bottom:10px;
}
.m22_header_items .m22_header_item:last-child{
margin-bottom:0;
}
.m22_header .m22_header_content_inner {
max-width: 94%;
}
.m22_header .m22_titel {
font-size: 3.333rem;
}
}
@media screen and (max-width: 767px) {	
.m22_header .m22_untertitel {
font-size: 2.0375rem;
}
.m22_header .m22_titel {
font-size: 2.733rem;
}
.m22_scroll_icon {
bottom: 50px;
}
}
@media screen and (max-width: 575px) {
.m22_header .m22_titel {
font-size: 2.333rem;
}
.m22_header .m22_untertitel {
font-size: 1.7375rem;
}
.m22_header .m22_header_content_inner {
max-width: 98%;
}
.m22_button_container .m22_button:not(:last-child) {
margin-bottom: 10px;
}
}
@media screen and (max-width: 400px) {
.m22_header .m22_titel {
font-size: 1.833rem;
}
.m22_header .m22_untertitel {
font-size: 1.3375rem;
}
.m22_button_container {
flex-wrap: wrap;
}
.m22_button_container .m22_button {
width: 100%;
}
.m22_button_helper {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.m22_button_container .m22_button:not(:last-child) {
margin-right: 0;
margin-bottom: 15px;
}
}