.m24_videoslider .slick-dotted.slick-slider.m24_videoslider_items {
margin-bottom: 0;
}
.m24_videoslider .m24_videoslider_items,
.m24_videoslider .slick-list,
.m24_videoslider .slick-track,
.m24_videoslider .slick-slide {
max-height: 1000px;
}
.m24_videoslider .m24_videoslider_item{
position: relative;
}
.m24_videoslider_item img{
width:100%;
height:100%;
object-fit:cover;
}
.m24_videoslider_video{
width:100%;
height: 100%;
max-height: 1000px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
}
section.m24_videoslider .m24_videoslider_content_container {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.8) 20%, rgba(0,0,0,.6) 45%, rgba(0,0,0,.3) 75%, transparent 100%);
}
section.m24_videoslider .m24_videoslider_content {
max-width: 25%;
}
section.m24_videoslider .m24_untertitel {
color: rgba(255,255,255,.5);
margin-bottom: 10px;
}
section.m24_videoslider .m24_titel {
font-size: 2.1875rem;
margin-bottom: 0;
}
section.m24_videoslider .slick-dots {
bottom: 55px;
text-align: left;
}
section.m24_videoslider .slick-dots li {
width: auto;
height: auto;
}
section.m24_videoslider .m24_custom_dot {
display: inline-block;
width: 68px;
height: 68px;
border-radius: 50%;
overflow: hidden;
border: 1px solid rgba(255,255,255,.15);
padding: 4px;
position: relative;
-webkit-transition: border .4s;
-moz-transition: border .4s;
-ms-transition: border .4s;
-o-transition: border .4s;
transition: border .4s;
}
section.m24_videoslider .m24_progressbar_circle {
position: absolute;
left: 50%;
top: 50%;
width: 68px;
height: 68px;
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%);
}
section.m24_videoslider .m24_progressbar {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: #f67939;
transform-origin: center center;
transform: rotate(-90deg);
}
.m24_progress {
position: absolute;
left: -1px;
top: -1px;
z-index: 2;
background: transparent;
}
section.m24_videoslider .m24_custom_dot_image {
position: absolute;
left: 4px;
top: 4px;
z-index: 5;
width: calc(100% - 8px);
height: calc(100% - 8px);
object-fit: cover;
object-position: center;
opacity: .56;
border-radius: 50%;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
}
section.m24_videoslider .slick-active .m24_custom_dot_image {
opacity: 1;
}
section.m24_videoslider .m24_container_main {
position: relative;
}
section.m24_videoslider .m24_sound_control {
position: absolute;
right: 30px;
top: 40px;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(255,255,255,.2);
cursor: pointer;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
section.m24_videoslider .m24_sound_control:hover {
background: #ffa235;
}
section.m24_videoslider .m24_sound_control_icon {
width: 24px;
height: 20px;
fill: #fff;
}
body.jobseite section.m24_videoslider .m24_titel {
color: #fff;
}
@media screen and (max-width: 1920px) {
.m24_videoslider .m24_videoslider_items,
.m24_videoslider .slick-list,
.m24_videoslider .slick-track,
.m24_videoslider .slick-slide,
.m24_videoslider_video {
max-height: 760px;
min-height: 760px;
}
}
@media screen and (max-width: 1399px) {
.m24_videoslider .m24_videoslider_items,
.m24_videoslider .slick-list,
.m24_videoslider .slick-track,
.m24_videoslider .slick-slide,
.m24_videoslider_video {
max-height: 600px;
min-height: 600px;
}
section.m24_videoslider .m24_videoslider_content {
max-width: 40%;
}
}
@media screen and (max-width: 991px) {
section.m24_videoslider .m24_videoslider_content {
max-width: 60%;
}
section.m24_videoslider .m24_videoslider_content_container {
background: linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.8) 30%, rgba(0,0,0,.6) 60%, rgba(0,0,0,.3) 85%, transparent 100%)
}
}
@media screen and (max-width: 575px) {
section.m24_videoslider .m24_videoslider_content {
max-width: 80%;
}
.m24_videoslider .m24_videoslider_items,
.m24_videoslider .slick-list,
.m24_videoslider .slick-track,
.m24_videoslider .slick-slide,
.m24_videoslider_video {
max-height: 500px;
min-height: 500px;
}
section.m24_videoslider .m24_videoslider_content_container {
background: linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.8) 40%, rgba(0,0,0,.6) 70%, rgba(0,0,0,.3) 90%, transparent 100%);
padding: 0 25px;
}
section.m24_videoslider .m24_titel {
font-size: 1.7875rem;
}
}
@media screen and (max-width: 400px) {
section.m24_videoslider .m24_videoslider_content {
max-width: 100%;
margin-bottom: 40px;
}
}