.contactperson-wrapper {
  background-color: var(--clr-secondary);
  color: #fff;
  border-radius: 80px 0 0 0;
  overflow-x: clip;
}
.contactperson-wrapper .contactperson__title {
  font-size: 2.5rem;
  font-family: var(--font-coheadline, sans-serif);
}
.contactperson-wrapper .contactperson__subtitle {
  font-size: 2rem;
}
.contactperson-wrapper .contactperson__avatar {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
.contactperson-wrapper .contactperson__graphic {
  text-align: left;
  position: relative;
  margin-left: 2rem;
}
.contactperson-wrapper .contactperson__graphic::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  background-color: var(--clr-primary);
  width: 120vw;
  transform: translateY(-50%);
  pointer-events: none;
}
.contactperson-wrapper .contactperson__placeholder {
  width: 100px;
  height: 100px;
  background-color: #eee;
  border-radius: 50%;
}
.contactperson-wrapper .contactperson__name {
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-family: var(--font-coheadline, sans-serif);
}
.contactperson-wrapper .contactperson__position {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #fff;
}
.contactperson-wrapper .contactperson__info-text {
  text-align: right;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #fff;
  max-width: 100%;
}
.contactperson-wrapper a:hover {
  text-decoration: underline;
}
.contactperson-wrapper .contactperson__contacts {
  display: flex;
  gap: 1rem;
}
.contactperson-wrapper .contactperson__contacts .contactperson__contact-item {
  background-color: #C01728;
  color: white;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.contactperson-wrapper .contactperson__contacts .contactperson__contact-item i {
  font-size: 1rem;
  pointer-events: none;
}
.contactperson-wrapper .contactperson__contacts .contactperson__contact-item .contactperson__contact-text {
  display: none;
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-primary);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 0.9rem;
  z-index: 10;
  pointer-events: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.contactperson-wrapper .contactperson__contacts .contactperson__contact-item:hover, .contactperson-wrapper .contactperson__contacts .contactperson__contact-item:focus {
  background-color: #92121f;
}
.contactperson-wrapper .contactperson__contacts .contactperson__contact-item.active .contactperson__contact-text {
  display: block;
  opacity: 1;
}
@media (max-width: 767.98px) {
  .contactperson-wrapper .contactperson__avatar, .contactperson-wrapper .contactperson__placeholder {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .contactperson-wrapper .contactperson__title {
    text-align: center;
    font-size: 2rem;
  }
  .contactperson-wrapper .contactperson__contacts {
    justify-content: center;
    margin-bottom: 1rem;
  }
  .contactperson-wrapper .contactperson__graphic {
    margin-bottom: 2rem;
  }
  .contactperson-wrapper .contactperson__info-text {
    text-align: left;
    margin-top: 1rem;
  }
  .contactperson-wrapper .contactperson__name {
    text-align: center;
  }
  .contactperson-wrapper .contactperson__position {
    text-align: center;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fheimattage%2Fscss%2Fcomponents%2F_contactperson.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAmBA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%22%7D */