section.m5_contact_persons .m5_item {
transition: all .4s;
height: 499px;
overflow: hidden;
border-radius: 20px;
cursor: pointer;
background: var(--item-farbe);
}
section.m5_contact_persons .m5_title_stelle_container {
height: 0;
opacity: 0;
transition: all .4s;
padding: 35px 30px 39px 30px;
}
section.m5_contact_persons .m5_item:hover .m5_title_stelle_container {
height: auto;
opacity: 1;
}
section.m5_contact_persons .m5_item[data-text-farbe="helle_textfarbe"] .m5_title_stelle_container * {
color: #fff;
}
section.m5_contact_persons .m5_item[data-text-farbe="dunkle_textfarbe"] .m5_title_stelle_container * {
color: #375042;
}
section.m5_contact_persons .m5_item .m5_image picture {
display: flex;
width: 100%;
}
section.m5_contact_persons .m5_item .m5_image img {
height: 499px;
transition: all .4s;
border-radius: 20px;
object-fit: cover;
object-position: top center;
width: 100%;
}
section.m5_contact_persons .m5_item:hover .m5_image img {
height: 355px;
border-radius: 20px;
}
section.m5_contact_persons .m5_item .m5_image {
transition: all .4s;
display: flex;
}
section.m5_contact_persons .m5_item:hover .m5_image {
padding-left: 30px;
padding-top: 29px;
padding-right: 30px;
}
section.m5_contact_persons .m5_title_stelle_container .m5_title p {
font-size: 1.563rem;
font-weight: 800;
line-height: 1;
}
section.m5_contact_persons .m5_titel {
text-transform: uppercase;
}
section.m5_contact_persons .m5_title_stelle_container .m5_stelle {
margin-top: 3px;
}
section.m5_contact_persons .m5_title_stelle_container .m5_stelle p {
font-size: 1rem;
line-height: 1;
}
section.m5_contact_persons .m5_ansprechpartner_main .mM_row {
gap: 30px;
}
section.m5_contact_persons .m5_ansprechpartner_main .mM_col_25 {
width: calc(25% - ((30px * 3) / 4));
}
section.m5_contact_persons .m5_item.m5_item_empty {
cursor: auto;
}
section.m5_contact_persons .m5_untertitel {
text-transform: uppercase;
font-family: 'Nexa-Regular' ,sans-serif;
}
section.m5_contact_persons .m5_container {
margin-bottom: -23px;
}
section.m5_contact_persons .m5_sub_main {
display: flex;
gap: 209px;
padding-left: 102px;
padding-bottom: 60px;
}
@media screen and (max-width: 1599px) {
section.m5_contact_persons .m5_ansprechpartner_main .mM_col_25 {
width: calc(33.3333% - ((30px * 2) / 3));
}
section.m5_contact_persons .m5_sub_main {
gap: 109px;
padding-left: 0;
}
}
@media screen and (max-width: 1399px) {
section.m5_contact_persons .m5_item {
height: 355px;
}
section.m5_contact_persons .m5_item .m5_image img {
height: 355px;
}
section.m5_contact_persons .m5_item:hover .m5_image img {
height: 255px;
}
section.m5_contact_persons .m5_title_stelle_container {
padding: 15px 30px 14px 30px;
}
}
@media screen and (max-width: 1199px) {
section.m5_contact_persons .m5_sub_main {
gap: 9px;
padding-left: 0;
flex-direction: column;
}
}
@media screen and (max-width: 991px) {
section.m5_contact_persons .m5_ansprechpartner_main .mM_col_25 {
width: calc(50% - (30px / 2));
}
section.m5_contact_persons .m5_item.m5_item_empty {
display: none !important;
}
}
@media screen and (max-width: 575px) {
section.m5_contact_persons .m5_item {
height: 555px;
}
section.m5_contact_persons .m5_item .m5_image img {
height: 555px;
}
section.m5_contact_persons .m5_title_stelle_container {
padding: 30px 30px 30px 30px;
}
section.m5_contact_persons .m5_item:hover .m5_image img {
height: 420px;
}
section.m5_contact_persons .m5_ansprechpartner_main .mM_col_25 {
width: 100%;
}
}
@media screen and (max-width: 399px) {
section.m5_contact_persons .m5_item {
height: 455px;
}
section.m5_contact_persons .m5_item .m5_image img {
height: 455px;
}
section.m5_contact_persons .m5_item:hover .m5_image img {
height: 320px;
}
}
@media screen and (max-width: 350px) {
section.m5_contact_persons .m5_item {
height: 355px;
}
section.m5_contact_persons .m5_item .m5_image img {
height: 355px;
}
section.m5_contact_persons .m5_item:hover .m5_image img {
height: 220px;
}
}