/* scss/utilities/_functions.scss */
/* scss/settings/_breakpoints.scss */
.bg-dark-blue {
  background-color: #1e3b63; }

.bg-red {
  background-color: #a92429; }

.bg-green {
  background-color: #969237; }

.bg-dark-green {
  background-color: #1b6832; }

.bg-light-blue {
  background-color: #328ecd; }

.bg-grey {
  background-color: #707d85; }

.bg-orange {
  background-color: #ec8000; }

.personsVita {
  --var-pageHeader-maxWidth: 103rem;
  --var-container-maxWidth: 1360px;
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 2rem 4rem;
  grid-template-areas: "title title" "picture picture" "text text" "metaInfo metaInfo"; }
  .personsVita:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: 0 calc(-50vw + 50%); }
  .frame-light .personsVita {
    padding-top: 4rem;
    padding-bottom: 4rem;
    color: #000; }
    .frame-light .personsVita:after {
      background: #e9f4fd; }
  @media only screen and (min-width: 768px) {
    .personsVita {
      grid-template-columns: 1fr 38%;
      grid-template-areas: "picture header" "text text"; }
      .frame-layout-1 .personsVita {
        grid-template-columns: 38% 1fr;
        grid-template-areas: "header picture" "text text"; } }
  .frame
.personsVita__header {
    display: contents; }
    @media only screen and (min-width: 768px) {
      .frame
.personsVita__header {
        display: block;
        grid-area: header; } }
  .personsVita__title {
    grid-area: title; }
    .personsVita__title h2 {
      margin-bottom: 1rem; }
  .personsVita__meta {
    grid-area: metaInfo;
    line-height: 1.9; }
    @media only screen and (min-width: 768px) {
      .personsVita__meta {
        margin-top: 1rem; } }
  .personsVita__content {
    grid-area: text; }
  .personsVita__img {
    grid-area: picture;
    margin-inline: -0.9375rem; }
    @media only screen and (min-width: 768px) {
      .personsVita__img {
        margin-inline: 0; } }
  .personsVita__function {
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.5;
    color: #0096e0; }

/*# sourceMappingURL=personsVita.css.map */