.person-teaser{background:var(--color-person-teaser-background);border-radius:4px;display:flex;flex-direction:row;height:11.25rem;justify-content:space-between}@media screen and (min-width:768px){.person-teaser{height:13.25rem}}.person-teaser.person-teaser--slim{height:auto;min-height:6.25rem}.my-assignment__contact .person-teaser.person-teaser--slim{align-items:center}.person-list .person-teaser{margin-bottom:1rem}.person-teaser__info{padding:.75rem 0 .75rem .75rem}@media screen and (min-width:768px){.person-teaser__info{padding:2.6875rem 0 2.6875rem 1.5rem}}.person-teaser--slim .person-teaser__info{align-self:center;padding:1rem 1.5rem}@media screen and (min-width:768px){.person-teaser--slim .person-teaser__info{display:grid;gap:.5rem 2rem;grid-template-areas:"name phone" "title email";grid-template-columns:1fr 1fr;width:calc(100% - 100px)}}.my-assignment__contact .person-teaser--slim .person-teaser__info{display:flex;flex-direction:column;gap:.25rem;padding:.25rem 1rem .25rem 0}.person-teaser__item{display:flex;flex-direction:row;gap:0 .5rem}@media screen and (min-width:1024px){.person-teaser__item{gap:0 1rem}}.person-teaser__item svg{color:var(--color-secondary);height:14px;width:14px}@media screen and (min-width:1024px){.person-teaser__item svg{height:17px;width:17px}}.person-teaser__name{color:var(--color-secondary);font-size:1rem;font-weight:500;padding-bottom:.5rem}@media screen and (min-width:1024px){.person-teaser__name{font-size:1.5rem;font-weight:600}}.person-teaser--slim .person-teaser__name{font-size:1.125rem;grid-area:name;padding:0}.my-assignment__contact .person-teaser--slim .person-teaser__name{font-size:1rem}.person-teaser__work-title{padding-bottom:1rem}.person-teaser--slim .person-teaser__work-title{grid-area:title;padding:0}.person-teaser__phone{padding-bottom:.5rem}.person-teaser--slim .person-teaser__phone{grid-area:phone;padding:0}.person-teaser__email{display:block;width:100%;word-break:break-all}@media screen and (min-width:1024px){.person-teaser__email{word-break:normal}}.person-teaser--slim .person-teaser__email{align-self:flex-start;grid-area:email}.person-teaser__email,.person-teaser__phone,.person-teaser__work-title{align-items:center;color:var(--color-secondary);display:flex;font-size:.875rem;margin:0 0 .25rem}.person-teaser__email>svg,.person-teaser__phone>svg,.person-teaser__work-title>svg{flex:none;margin-right:.5rem}@media screen and (min-width:1024px){.person-teaser__email,.person-teaser__phone,.person-teaser__work-title{font-size:1rem}}@media screen and (min-width:768px){.person-teaser--slim .person-teaser__email,.person-teaser--slim .person-teaser__phone,.person-teaser--slim .person-teaser__work-title{margin:0}}.my-assignment__contact .person-teaser--slim .person-teaser__email,.my-assignment__contact .person-teaser--slim .person-teaser__phone,.my-assignment__contact .person-teaser--slim .person-teaser__work-title{font-size:.875rem}.person-teaser__picture{display:none;padding-left:.5rem;position:relative}@media screen and (min-width:375px){.person-teaser__picture{display:block}}@media screen and (min-width:1024px){.person-teaser__picture{padding-left:1.5rem}}.person-teaser__picture img{aspect-ratio:1/1;border-radius:0 4px 4px 0;filter:grayscale(1) sepia(.3) hue-rotate(150deg);max-height:100%;max-width:13.25rem;object-fit:cover}.my-assignment__contact .person-teaser__picture img{border-radius:0}.person-teaser--slim .person-teaser__picture{flex:none;padding:0;width:6.25rem}.person-teaser--slim .person-teaser__picture img{height:6.25rem;width:6.25rem}