body.ampel-has-banner { position: relative; }
.ampel-has-banner .site-header { position: fixed; top: var(--admin-bar-offset, 0px); left: 0; width: 100%; }
.ampel-page-banner { height: 510px; overflow: hidden; background-position: center bottom; background-size: cover; background-repeat: no-repeat; color: #fff; }
.ampel-page-banner__inner { padding-top: 196px; }
.ampel-page-banner__title { margin: 0; font-size: 40px; font-weight: 700; letter-spacing: .15em; line-height: 1.2; }
.ampel-page-banner__eyebrow { margin: 9px 0 0; color: #ff7f00; font: 400 24px/1 Jost,sans-serif; letter-spacing: .1em; }
@media(max-width:1360px) { .ampel-page-banner { height: 408px; } .ampel-page-banner__inner { padding-top: 162px; } }
@media(max-width:1060px) { .ampel-page-banner .container { width: min(var(--content-max-width),calc(100% - 32px)); } }
@media(max-width:767px) { .ampel-page-banner { height: 320px; background-position: 58% center; } .ampel-page-banner__inner { padding-top: 130px; } .ampel-page-banner__title { font-size: 32px; } .ampel-page-banner__eyebrow { font-size: 18px; } }
@media (max-width: 767px) {
  .ampel-page-banner { height: 400px; }
  .ampel-page-banner .ampel-page-banner__inner { width: calc(100% - 120px); padding-top: 132px; }
  .ampel-page-banner__eyebrow { font-size: 20px; color: #ffa851; }
}