header {
  width: 100%;
}
header .header__banner {
  position: relative;
  display: flex;
  max-height: 250px;
}
header .header__banner__logo {
  position: absolute;
  top: 12px;
  left: 24px;
}
header .header__banner__image {
  width: 100%;
}
header .header__banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  /* fallback, overridden by inline style */
  display: block;
}
header .header__content {
  padding: 24px 0px;
  padding-left: clamp(16px, 4%, 123px);
  padding-right: clamp(16px, 4%, 123px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1440px) {
  header .header__content {
    padding-left: 123px;
    padding-right: 123px;
  }
}
@media (min-width: 1920px) {
  header .header__content {
    padding-left: 230px;
    padding-right: 230px;
  }
}
header .header__content__title {
  font-family: "Manrope", sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
}
header .header__content__contenttext {
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

section {
  width: 100%;
}