:root {
--padding-left: 0;
--padding-right: 0;
}
body.references-template-default section.m32_references {
background: #bcc1c7;
border-radius: 30px;
margin-bottom: -30px;
}
section.m32_references {
overflow: hidden;
}
section.m32_references .mM_row {
gap: 20px;
}
section.m32_references .mM_post_type_post_content {
width: 100%;
}
section.m32_references .mM_post_type_post .m32_references_img_link {
width: 100%;
overflow: hidden;
border-radius: 20px;
position: relative;
}
section.m32_references .mM_post_type_post.slick-slide .m32_references_img_link {
height: 435px;
}
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_references_img_link {
height: 585px;
}
section.m32_references .m32_references_img_link:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.2);
transform-origin: bottom center;
transform: scaleY(0);
transition: transform .4s;
}
section.m32_references .mM_post_type_post_content:hover .m32_references_img_link:after {
transform: scaleY(1);
transform-origin: top center;
}
section.m32_references .mM_post_type_post_image {
transition: filter .4s;
}
section.m32_references .mM_post_type_post_content:hover .mM_post_type_post_image {
filter: blur(4.5px);
}
section.m32_references .m32_reference_catchphrase {
line-height: 1;
}
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_reference_catchphrase {
font-size: 2.5625rem;
}
section.m32_references .mM_post_type_post.slick-slide .m32_reference_catchphrase {
font-size: 1.5625rem;
}
section.m32_references .mM_post_type_post_text_content_container {
margin-top: 20px;
margin-bottom: 10px;
}
section.m32_references .mM_post_type_post_image_container {
position: relative;
}
section.m32_references .m32_references_teaser_video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 2;
opacity: 0;
pointer-events: none;
transition: opacity .8s;
border-radius: 20px;
}
section.m32_references .m32_references_teaser_video.active {
opacity: 1;
pointer-events: all;
}
section.m32_references .slick-list {
margin: 0 -10px;
position: relative;
}
section.m32_references .mM_container[data-ausrichtung="zentriert_ausfuellung_links"] .slick-list {
padding-left: calc(var(--padding-left) + 10px);
}
section.m32_references .mM_container[data-ausrichtung="zentriert_ausfuellung_rechts"] .slick-list {
padding-right: calc(var(--padding-right) + 10px);
}
section.m32_references .slick-list:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: calc(var(--padding-left) + 80px);
background: linear-gradient(to right, rgba(229,234,238,.9), rgba(229,234,238,.9) 30%, rgba(229,234,238,.5) 80%, transparent 100%);
z-index: 2;
pointer-events: none;
}
section.m32_references .mM_container[data-ausrichtung="zentriert_ausfuellung_rechts"] .slick-list:after {
left: auto;
right: 0;
top: 0;
height: 100%;
width: calc(var(--padding-right) + 80px);
background: linear-gradient(to left, rgba(229,234,238,.9), rgba(229,234,238,.9) 30%, rgba(229,234,238,.5) 80%, transparent 100%);
z-index: 2;
}
body.references-template-default section.m32_references .slick-list:after {
display: none;
}
body.references-template-default section.m32_references .slick-slide {
transition: opacity .4s;
}
body.references-template-default section.m32_references .slick-slide:not(.slick-active) {
opacity: .2;
}
section.m32_references .mM_post_type_post.slick-slide {
padding: 0 10px;
}
@media all and (max-width: 1799px) {
section.m32_references .mM_post_type_post.slick-slide .m32_references_img_link {
height: 354px;
}
}
@media all and (max-width: 1599px) {
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_references_img_link {
height: 485px;
}
section.m32_references .mM_post_type_post.slick-slide .m32_references_img_link {
height: 304px;
}
}
@media all and (max-width: 1399px) {
section.m32_references .mM_post_type_post.slick-slide .m32_references_img_link {
height: 254px;
}
}
@media all and (max-width: 1199px) {
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_references_img_link {
height: 385px;
}
}
@media all and (max-width: 575px) {
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_references_img_link {
height: 300px;
}
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_reference_catchphrase {
font-size: 1.9625rem;
}
}
@media all and (max-width: 400px) {
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_references_img_link {
height: 200px;
}
section.m32_references .mM_post_type_post:not(.slick-slide) .m32_reference_catchphrase {
font-size: 1.5625rem;
}
}
section.m32_references div.mM_post_type_post[data-id="483"] .m32_references_img_link img,
section.m32_references div.mM_post_type_post[data-id="485"] .m32_references_img_link img,
section.m32_references div.mM_post_type_post[data-id="491"] .m32_references_img_link img{
object-position: top !important;
}