.o-016-expert-teaser-grid{--teaser-grid-padding-top:40px;--heading-gap:15px;--cards-gap:20px;--card-width:415px;--card-padding:40px 20px;--card-height:273px;--card-img-size:83px;--heading-width:850px;--modal-content-padding:40px 20px;--modal-content-width:522px;--modal-gap:30px;--modal-header-gap:10px;--modal-header-width:522px;--expert-description-padding-bottom:20px;--expert-description-padding-right:12px;--modal-max-height:90vh;--modal-icon-size:32px;padding-top:var(--teaser-grid-padding-top) !important}
.o-016-expert-teaser-grid button:focus{outline:0}
.o-016-expert-teaser-grid .expert-teaser-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}
.o-016-expert-teaser-grid .expert-teaser-wrapper .teaser-heading{display:flex;flex-direction:column;gap:var(--heading-gap);justify-content:center;align-items:center}
.o-016-expert-teaser-grid .expert-teaser-wrapper .teaser-heading .teaser-title,.o-016-expert-teaser-grid .expert-teaser-wrapper .teaser-heading .teaser-subtitle{text-align:center;color:#0f2033;max-width:var(--heading-width)}
.o-016-expert-teaser-grid .expert-teaser-wrapper .expert-cards-wrapper{display:flex;flex-direction:row;gap:var(--cards-gap);justify-content:center}
.o-016-expert-teaser-grid .expert-teaser-wrapper .expert-cards-wrapper .expert-card{display:flex;flex-direction:column;width:var(--card-width);min-height:var(--card-height);padding:var(--card-padding);justify-content:center;align-items:center;border-radius:20px;background:#fff;box-shadow:0 4px 20px 0 rgba(34,34,34,0.1)}
.o-016-expert-teaser-grid .expert-teaser-wrapper .expert-cards-wrapper .expert-card .expert-img-wrapper .expert-img{width:var(--card-img-size);height:var(--card-img-size);border-radius:var(--card-img-size);margin-bottom:20px}
.o-016-expert-teaser-grid .expert-teaser-wrapper .expert-cards-wrapper .expert-card .expert-name,.o-016-expert-teaser-grid .expert-teaser-wrapper .expert-cards-wrapper .expert-card .expert-job-title{color:#0f2033;text-align:center}
.o-016-expert-teaser-grid .expert-teaser-wrapper .expert-cards-wrapper .expert-card .open-expert-modal{font-family:"AvenirNext-DemiBold",sans-serif;text-align:center;font-size:16px;line-height:24px;cursor:pointer;color:#00747a;margin-top:10px}
.o-016-expert-teaser-grid .modal-expert-detail{min-width:var(--modal-header-width);background-color:transparent;align-self:center;justify-self:center;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:20px;--transition-time:.4s;transition:opacity var(--transition-time) ease-in-out,display var(--transition-time) ease-in-out allow-discrete;opacity:0}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content{display:flex;flex-direction:column;align-items:flex-start;padding:var(--modal-content-padding);gap:var(--modal-gap);border:1px solid #e6e7e9;background:#fff;box-shadow:0 4px 20px 0 rgba(34,34,34,0.1);max-width:var(--modal-content-width);max-height:var(--modal-max-height);opacity:1;transition:opacity 1s}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content.opacity-0{opacity:0;transition:opacity 1s}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header{display:flex;flex-direction:row;gap:var(--modal-header-gap)}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .detail-img{width:var(--card-img-size);height:var(--card-img-size);border-radius:var(--card-img-size)}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .detail-img img{opacity:1}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .detail-text{text-align:left}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .detail-text .detail-name{font-family:"AvenirNext-DemiBold",sans-serif;color:#222;font-size:22px;line-height:30px}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .detail-text .detail-job-title{color:#0f2033}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .expert-close-modal{position:absolute;right:20px;top:40px;width:var(--modal-icon-size);height:var(--modal-icon-size)}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .expert-close-modal .icon-close{display:block;width:var(--modal-icon-size);height:var(--modal-icon-size);background-color:transparent;background-size:31px 31px;background-position:center center;background-image:url("../../clientlibs/clientlib-base/resources/img/icons/close-circle-blue-2.svg");background-repeat:no-repeat}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-body{display:flex;flex-direction:column;gap:var(--modal-gap);overflow:auto;width:100%}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-body .expert-description{display:flex;flex-direction:column;gap:10px;border-bottom:2px solid #e2f3f5}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-body .expert-description .expert-description-heading{font-family:"AvenirNext-DemiBold",sans-serif;color:#004e7a;font-size:18px;line-height:26px}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-body .expert-description .expert-description-text{color:#0f2033;padding-bottom:var(--expert-description-padding-bottom);padding-right:var(--expert-description-padding-right)}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-body .expert-description .expert-description-text.richtext-container p{padding:0}
.o-016-expert-teaser-grid .modal-expert-detail::backdrop{background-color:rgba(0,0,0,0.3)}
.o-016-expert-teaser-grid .modal-expert-detail:popover-open{opacity:1}
@starting-style{.o-016-expert-teaser-grid .modal-expert-detail:popover-open{opacity:0}
}
@media only screen and (max-width:939px){.o-016-expert-teaser-grid{--teaser-grid-padding-top:30px;--card-width:320px;--card-padding:20px;--card-height:229px;--heading-width:100%;--modal-header-gap:5px;--modal-header-width:320px;--expert-description-padding-bottom:10px;--expert-description-padding-right:0;--modal-content-width:320px}
.o-016-expert-teaser-grid #modal-expert-detail{padding:0 !important;min-width:var(--modal-header-width)}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header{flex-direction:column;justify-content:center;align-items:center;align-self:center;gap:var(--modal-header-gap)}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-modal-header .detail-text{text-align:center}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-description{padding-right:10px}
.o-016-expert-teaser-grid .modal-expert-detail .expert-modal-content .expert-description .expert-description-text{font-size:14px}
.o-016-expert-teaser-grid .expert-teaser-wrapper .expert-cards-wrapper{flex-direction:column;justify-content:center;align-items:center}
}