.Headerimage {
  position: relative;
}
.Headerimage__teaserimage {
  position: relative;
  width: 100%;
  height: 15rem;
}
@media (min-width: 36em) {
  .Headerimage__teaserimage {
    height: 18rem;
  }
}
@media (min-width: 48em) {
  .Headerimage__teaserimage {
    height: 20rem;
  }
}
@media (min-width: 62em) {
  .Headerimage__teaserimage {
    height: 26rem;
  }
}
@media (min-width: 80em) {
  .Headerimage__teaserimage {
    height: 30rem;
  }
}
.Headerimage__teaserimage--image {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(120%) contrast(50%) grayscale(100%);
}
.Headerimage__teaserimage--overlayBrown {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f0e9e2;
  opacity: .6;
}
.Headerimage__teaserimage--overlayWhite {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: .4;
}
.Headerimage__teaserimage--overlayGradient {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(70% 50% at bottom, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0));
  opacity: .9;
}
.Headerimage__textWrapper {
  width: 100%;
  padding: 0 0.5rem;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}
@media (min-width: 36em) {
  .Headerimage__textWrapper {
    width: 36em;
    padding: 0 0.75rem;
  }
}
@media (min-width: 48em) {
  .Headerimage__textWrapper {
    width: 48em;
    padding: 0 1rem;
  }
}
@media (min-width: 62em) {
  .Headerimage__textWrapper {
    width: 62em;
    padding: 0 1.25rem;
  }
}
@media (min-width: 80em) {
  .Headerimage__textWrapper {
    width: 80em;
    padding: 0 1.5rem;
  }
}
.Headerimage__text {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  border-bottom: 5px solid #ddd3ca;
}
.Headerimage__title {
  color: #dd0027;
  font-style: italic;
  font-weight: 900;
  text-transform: uppercase;
}
.Headerimage__subtitle {
  font-weight: 100;
  font-style: normal;
  color: #3a3631;
  text-transform: none;
}