.page-header {
  background-color: var(--ia-blue-900) !important;
  background-image: var(--ia-banner-scrim);
  padding: var(--ia-space-3xl) 0 !important;
}

.page-header h1,
.page-header h1.entry-title,
.page-header h1.archiv,
.page-header .entry-title {
  margin: 0 !important;
  font-size: var(--ia-text-h1) !important;
  font-weight: var(--ia-weight-medium) !important;
  line-height: var(--ia-leading-tight) !important;
  letter-spacing: var(--ia-tracking-tight);
  color: var(--ia-content-inverse) !important;
}

.page-header .crumb,
.page-header .crumb a,
.page-header .meta,
.page-header .meta a,
.page-header p {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: var(--ia-text-sm) !important;
}

.page-header .crumb a:hover,
.page-header .meta a:hover {
  color: var(--ia-content-inverse) !important;
}

.page-header .container {
  display: flex;
  flex-direction: column;
  gap: var(--ia-space-2xs);
}

@media screen and (max-width: 885px) {
  .page-header {
    padding: var(--ia-space-2xl) 0 !important;
  }
}

@media screen and (max-width: 480px) {
  .page-header {
    padding: var(--ia-space-xl) 0 !important;
  }
}