section.m5_contact_persons .m5_contact_item {
border-radius: 16px;
margin-left: -11px;
backdrop-filter: blur(0);
transition: backdrop-filter .4s;
}
section.m5_contact_persons .m5_contact_item a {
position: relative;
display: inline-flex;
align-items: center;
padding: 4px 11px 2px;
height: 100%;
}
section.m5_contact_persons .m5_contact_item a:before {
content: '';
background-color: #262520;
opacity: .0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 16px;
z-index: -1;
pointer-events: none;
transition: opacity .4s;
}
section.m5_contact_persons .m5_contact_item a:focus,
section.m5_contact_persons .m5_contact_item a:hover {
backdrop-filter: blur(15px);
}
section.m5_contact_persons .m5_contact_item a:focus:before,
section.m5_contact_persons .m5_contact_item a:hover:before {
opacity: .1;
}
section.m5_contact_persons .m5_contact_item .m5_contact_icon {
display: flex;
}
section.m5_contact_persons .m5_contact_item svg {
margin-right: 15px;
min-width: 16px;
width: 16px;
fill: #262520;
}
section.m5_contact_persons .m5_contact_item.m5_telefon_container svg {
min-width: 14px;
width: 14px;
}
section.m5_contact_persons .m5_contact_item.m5_mail_container svg {
min-width: 20px;
width: 20px;
}
section.m5_contact_persons .m5_category_title_container {
position: relative;
}
section.m5_contact_persons .m5_category_title {
font-size: 1.667rem;
display: inline-block;
background-color: var(--background_color);
margin-left: -25px;
margin-bottom: 24px;
}
section.m5_contact_persons .m5_category_title span {
padding: 12px 25px 10px;
display: inline-block;
font-weight: 700;
letter-spacing: -0.005rem;
font-style: normal;
}
section.m5_contact_persons .m5_category_title:before {
content: '';
position: absolute;
top: calc(50% - 11px); left: 0;
width: 100%;
height: 2px;
background-color: #262520;
opacity: .3;
z-index: -1;
}
section.m5_contact_persons .m5_category_main:not(:last-child) {
margin-bottom: 46px;
}
section.m5_contact_persons .m5_image{
height: 310px;
}
section.m5_contact_persons .m5_category_main[data-cat-id="2"] .m5_image {
height: 490px;
}
section.m5_contact_persons .m5_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.m5_contact_persons .m5_items * {
color: #262520;
}
section.m5_contact_persons .m5_category_main[data-cat-id="2"] .m5_items {
gap: 46px var(--row_gap);
}
section.m5_contact_persons .m5_title_stelle_container {
padding-top: 34px;
margin-bottom: 13px;
--row_gap: 20px;
gap: 10px var(--row_gap);
align-items: baseline;
}
section.m5_contact_persons .m5_title * {
margin-bottom: 0;
}
section.m5_contact_persons .m5_stelle {
font-size: 0.833rem;
}
@media screen and (min-width: 1921px) {
section.m5_contact_persons .m5_category_main[data-cat-id="2"] .m5_image {
height: 540px;
}
section.m5_contact_persons .m5_image{
height: 360px;
}
}
@media screen and (min-width: 2200px) {
section.m5_contact_persons .m5_category_main[data-cat-id="2"] .m5_image {
height: 590px;
}
section.m5_contact_persons .m5_image{
height: 410px;
}
}
@media screen and (max-width: 1599px) {
section.m5_contact_persons .m5_category_main[data-cat-id="2"] .m5_image {
height: 440px;
}
section.m5_contact_persons .m5_image {
height: 290px;
}
}
@media screen and (max-width: 1399px) {
section.m5_contact_persons .m5_items_container.cat_secondary {
--row_gap: 30px;
}
}
@media screen and (max-width: 575px) {
section.m5_contact_persons .m5_title_stelle_container {
gap: 0 var(--row_gap);
padding-top: 9px;
}
section.m5_contact_persons .m5_category_title {
margin-left: -5px;
font-size: 1.111rem;
margin-bottom: 14px;
}
section.m5_contact_persons .m5_category_title:before {
top: calc(50% - 6px);
}
section.m5_contact_persons .m5_category_title span {
padding-left: 5px;
padding-right: 15px;
}
section.m5_contact_persons .m5_category_main[data-cat-id="2"] .m5_image {
height: 390px;
}
section.m5_contact_persons .m5_image {
height: 240px;
}
section.m5_contact_persons .m5_category_main[data-cat-id="2"] .m5_image,
section.m5_contact_persons .m5_image{
height: auto;
}
}