.page-header__headline {
  align-items: center;
  justify-content: space-between;
  display: flex;
}

.page-header__headline h1 {
  color: var(--color-primary);
  display: inline-block;
}

.page-header__headline-main {
  align-items: center;
  display: flex;
}

.page-header__headline-back {
  color: var(--color-primary);
  margin-inline-end: var(--spacing-small);

  svg {
    height: 24px;
    stroke-width: 1.5;
    width: 24px;
  }
}

.page-header__headline-button {
  color: var(--color-primary);
  cursor: pointer;
  margin-inline-start: var(--spacing);

  svg {
    height: 20px;
    stroke-width: 1.2;
    width: 20px;
  }

  &:hover {
    color: var(--color-primary-active);
  }
}

.page-header__headline-addition {
  align-items: flex-end;
  color: var(--color-emphasize);
  display: flex;
  font-size: var(--font-size);
  height: 30px;
  margin-inline-start: var(--spacing-small);
}

.page-header__subline {
  color: var(--color-emphasize);
  font-size: var(--font-size-large);
  margin-block-start: var(--spacing-small);
}
