section.m28_header_unterseite[data-slider="slick_slider"]{
opacity:0;
}
section.m28_header_unterseite .m28_image_container{
position:relative;
height:100%;
}
section.m28_header_unterseite .m28_image_container img,
section.m28_header_unterseite .m28_image_container video,
section.m28_header_unterseite .m28_image_container .m28_video_main,
section.m28_header_unterseite .m28_image_container .m28_overlay{
width:100%;
height: calc(65vh - 160px);
object-fit: cover;
min-height: 380px;
}
body[data-title="Karriere"] section.m28_header_unterseite .m28_image_container img {
object-position: 25% 25%;
}
body[data-title="Über Uns"] section.m28_header_unterseite .m28_image_container video {
object-position: bottom;
}
section.m28_header_unterseite[data-slider="slick_slider"] .m28_container_main{
height:800px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .rsOverflow{
height:800px !important;
}
section.m28_header_unterseite .m28_content_text_container {
background: linear-gradient(to top, rgba(18,18,18,1),rgba(18,18,18,1) 20%, rgba(18,18,18,.7) 40%,rgba(18,18,18,.6) 65%, rgba(18,18,18,.5) 100%);
}
.m28_play_button_inner span{
font-size:0.87rem;
}
section.m28_header_unterseite .m28_scroll_down_container{
position: absolute;
bottom:0;
left:0;
width:100%;
height:170px;
background-color: transparent;
cursor:pointer;
z-index: 2;
overflow: hidden;
}
section.m28_header_unterseite .m28_scroll_down_container p {
z-index: 3;
}
section.m28_header_unterseite .m28_scroll_down_container:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(//habe.de/wp-content/uploads/2023/09/scroll_down_background_transparent.png);
display: inline-block;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
filter: blur(50px);
overflow: hidden;
}
section.m28_header_unterseite .m28_scroll_down_container_inner{
height:100%;
}
section.m28_header_unterseite .m28_scroll_down_content{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex-direction: column;
}
section.m28_header_unterseite .m28_scroll_down_content p{
margin:0;
}
section.m28_header_unterseite .m28_content_text_container{
position:absolute;
display:flex;
align-items: center;
height:100%; width:100%;
}
section.m28_header_unterseite .m28_titel_untertitel_link_container,
section.m28_header_unterseite .m28_text_container{
width:100%;
}
section.m28_header_unterseite .m28_content_text_container_inner{
width:50%;
}
section.m28_header_unterseite .m28_scroll_down_content p {
position: relative;
font-weight: bold;
transition: margin-bottom .4s;
}
section.m28_header_unterseite .m28_scroll_down_container:hover p {
margin-bottom: 7px;
}
section.m28_header_unterseite .m28_scroll_down_content p:before {
content: "";
height: 25px;
background: #fff;
width: 2px;
display: inline-block;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -30px;
}
section.m28_header_unterseite .m28_scroll_down_content p:after {
content: "";
height: 75px;
background: #fff;
width: 2px;
display: inline-block;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -80px;
}
section.m28_header_unterseite .m28_breadcrumbs_inner {
border-bottom: 1px solid rgba(128, 159, 141, .5);
padding-bottom: 10px;
}
section.m28_header_unterseite .m28_breadcrumbs_container {
position: absolute;
top: 60px;
left: 0;
width: 100%;
z-index: 1;
}
section.m28_header_unterseite .m28_breadcrumbs_inner #breadcrumbs span {
color: rgba(128, 159, 141, .5);
}
section.m28_header_unterseite .m28_breadcrumbs_inner #breadcrumbs span.breadcrumb_last {
color: #fff;
}
section.m28_header_unterseite .m28_breadcrumbs_inner #breadcrumbs span > span {
padding: 0 16px;
transition: color .4s;
cursor: pointer;
}
section.m28_header_unterseite .m28_breadcrumbs_inner #breadcrumbs span > span:first-child {
padding-left: 0;
}
section.m28_header_unterseite .m28_breadcrumbs_inner #breadcrumbs span > span:last-child {
padding-right: 0;
}
section.m28_header_unterseite .m28_breadcrumbs_inner #breadcrumbs span > span:hover {
color: #ffef00;
}
section.m28_header_unterseite .m28_youtube_video_iframe{
width:100%;
height:auto;
}
section.m28_header_unterseite .video_video_container{
width:100%;
height:auto;
}
section.m28_header_unterseite .m28_video_main{
position: relative;
}
section.m28_header_unterseite .m28_overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
section.m28_header_unterseite .m28_play_button {
}
section.m28_header_unterseite .m28_play_button svg{
width:20px;
}
section.m28_header_unterseite .m28_overlay:hover .m28_play_button {
opacity: 1;
}
.m28_play_button_inner{
cursor:pointer;
}
section.m28_header_unterseite .m28_video_main span{
color:#fff;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
section.m28_header_unterseite .m28_video_main svg{
fill:#fff;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
section.m28_header_unterseite .m28_play_button_inner:hover span{
color:#007fc5;
}
section.m28_header_unterseite .m28_play_button_inner:hover svg{
fill:#007fc5;
}
.m28_content_text_container_main{
height: 100%;
justify-content: center;
flex-direction: column;
display: flex;
position: relative;
}
.m28_play_button{
position: absolute;
bottom: 0;
right: 0;
width: 100%;
justify-content: end;
display: flex;
border-top: 1px solid #494949;
padding-top: 33px;
}
.m28_untertitel{
margin-bottom:5px;
}
.m28_text_container{
margin-top:20px;
}
.m28_link_container{
margin-top:58px;
}
.m28_link_container a:not(.button){
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.m28_link_container a:not(.button):not(.button_blue):hover {
color: #007fc5;
}
.m28_content_text_container{
background: linear-gradient(to bottom, rgba(18,18,18, .5), rgba(18,18,18,.5) 35%, rgba(18,18,18,.7) 60%, rgba(18,18,18,1) 100%);
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_content_text_container{
position:relative;
padding: 112px 0;
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_content_text_container_inner{
width:100%;
display: flex;
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_text_link_container,
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_titel_untertitel_link_container{
width:50%;
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_text_link_container{
display: flex;
flex-direction: column;
justify-content: center;
}
.breadcrumb_main_container {
padding: 25px 0;
border-top: 1px solid #333333;
font-size: .9rem;
color: #fff;
}
.breadcrumb_main_container .seperator {
display: inline-block;
margin: 0 15px;
}
.breadcrumb_main_container #breadcrumbs span:not(.breadcrumb_last) a {
color: #909090;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.breadcrumb_main_container svg {
height: 11px;
width: 9px;
fill: #909090;
margin-right: 15px;
margin-bottom: 3px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.breadcrumb_main_container a:hover svg {
fill: #fff;
}
.breadcrumb_main_container #breadcrumbs span:not(.breadcrumb_last) a:hover {
color: #fff;
}
@media screen and (max-width: 2199px) {
section.m28_header_unterseite .m28_content_text_container_inner {
width: 57%;
}
}
@media screen and (max-width: 1920px) {
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_titel_untertitel_link_container .m28_titel {
font-size: 3.15rem;
}
section.m28_header_unterseite .m28_content_text_container_inner {
width: 72%;
}
}
@media screen and (max-width: 1660px) {
section.m28_header_unterseite .m28_scroll_down_container {
height: 130px;
}
section.m28_header_unterseite .m28_image_container img{
height: 650px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .m28_container_main{
height:650px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .rsOverflow{
height:650px !important;
}
}
@media screen and (max-width: 1599px) {
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_titel_untertitel_link_container .m28_titel {
font-size: 2.85rem;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_titel_untertitel_link_container {
padding-right: 35px;
}
section.m28_header_unterseite .m28_titel_untertitel_link_container .m28_titel {
font-size: 3.15rem;
}
}
@media screen and (max-width: 1399px) {
section.m28_header_unterseite .m28_content_text_container_inner {
width: 64%;
}
}
@media screen and (max-width: 1290px) {
section.m28_header_unterseite .m28_scroll_down_container {
height: 85px;
}
section.m28_header_unterseite .m28_scroll_down_content {
display: none;
}
section.m28_header_unterseite .slick-dots {
display: flex;
bottom: 39px;
left: calc(50% + 106px);
transform: translateX(-50%);
top: auto;
z-index: 3;
}
section.m28_header_unterseite .slider_bullets_line {
height: 1px;
width: 180px;
border: 0;
background: #fff;
top: 2px;
left: -195px;
}
section.m28_header_unterseite .slider_bullets_cur_slide {
top: -10px;
left: -215px;
}
section.m28_header_unterseite .slick-dots li {
margin: 0 7px;
}
section.m28_header_unterseite .m28_image_container img{
height: 550px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .m28_container_main{
height:550px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .rsOverflow{
height:550px !important;
}
}
@media screen and (max-width: 1199px) {
section.m28_header_unterseite .m28_titel_untertitel_link_container .m28_titel {
font-size: 2.75rem;
}
}
@media screen and (max-width: 991px) { section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_content_text_container_inner {
flex-wrap: wrap;
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_text_link_container, 
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_titel_untertitel_link_container {
width: 100%;
}
section.m28_header_unterseite .m28_content_text_container_inner {
width: 89%;
}
section.m28_header_unterseite .m28_image_container img, section.m28_header_unterseite .m28_image_container video, section.m28_header_unterseite .m28_image_container .m28_video_main, section.m28_header_unterseite .m28_image_container .m28_overlay {
height: calc(55vh - 160px);
}
@media screen and (max-width: 767px) {
section.m28_header_unterseite .m28_content_text_container{
flex-direction:column;
justify-content: center;
}
section.m28_header_unterseite .m28_content_text_container_inner {
width: 100%;
}
section.m28_header_unterseite .m28_titel_untertitel_link_container .m28_titel {
font-size: 2.35rem;
}
}
@media screen and (max-width: 575px) {
section.m28_header_unterseite .m28_titel_untertitel_link_container .m28_titel {
font-size: 2.05rem;
}
section.m28_header_unterseite .m28_content_text_container{  }
section.m28_header_unterseite .m28_image_container img{
height: 450px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .m28_container_main{
height:450px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .rsOverflow{
height:450px !important;
}
section.m28_header_unterseite .m28_breadcrumbs_container {
top: 30px;
}
.m12_stellenangebote_single_stellenangebote .m28_content_text_container > .container {
padding-right: var(--bs-gutter-x,.75rem);
padding-left: var(--bs-gutter-x,.75rem);
}
.m12_stellenangebote_single_stellenangebote .m28_container_main {
margin-left: calc(-.5 * var(--bs-gutter-x));
margin-right: calc(-.5 * var(--bs-gutter-x));
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_titel_untertitel_link_container .m28_titel {
font-size: 2.25rem;
}
section.m28_header_unterseite .m28_image_container[data-image="0"] .m28_content_text_container {
padding: 50px 0;
}
section.m28_header_unterseite .m28_play_button {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 450px) {
section.m28_header_unterseite .m28_titel_untertitel_link_container .m28_titel {
font-size: 1.75rem;
}
}
@media screen and (max-width: 400px) {
section.m28_header_unterseite .m28_link_container {
font-size: .8rem;
}
section.m28_header_unterseite .m28_scroll_down_container {
height: 65px;
}
section.m28_header_unterseite .slick-dots {
left: calc(50% + 80px);
bottom: 29px;
}
section.m28_header_unterseite .m28_link_container a {
padding: 13px 37px;
}
section.m28_header_unterseite .m28_link_container {
margin-top: 20px;
}
section.m28_header_unterseite .m28_content_text_container_inner {
width: 100%;
}
section.m28_header_unterseite .slider_bullets_line {
width: 150px;
left: -165px;
}
section.m28_header_unterseite .slider_bullets_cur_slide {
left: -185px;
}
section.m28_header_unterseite .m28_image_container img{
height: 300px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .m28_container_main{
height:300px;
}
section.m28_header_unterseite[data-slider="slick_slider"] .rsOverflow{
height:300px !important;
}
}