@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.banner-nl { border-top: 4px solid; container: bannerNl / inline-size; font-family: BrownRegular, sans-serif; font-weight: 400; }

.banner-nl__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: rgb(238, 240, 248); flex-direction: column; padding: 10px 24px 32px; }

.banner-nl__illustration, .banner-nl__wrapper { display: flex; -webkit-box-align: center; align-items: center; }

.banner-nl__illustration { -webkit-box-pack: center; height: 128px; justify-content: center; width: 128px; }

.banner-nl__internal-wrapper { -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-pack: justify; justify-content: space-between; }

.banner-nl__heading, .banner-nl__internal-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.banner-nl__heading { -webkit-box-pack: center; justify-content: center; margin-left: 0px; }

.banner-nl__heading-title { margin-bottom: 4px; }

.banner-nl__heading-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

.banner-nl__title { font-family: BrownBold, sans-serif; font-size: 2.4rem; font-weight: 700; line-height: 135%; text-align: center; }

.banner-nl__subtitle { color: rgb(32, 32, 32); font-size: 1.8rem; font-weight: 400; line-height: 135%; text-align: center; }

.banner-nl__description { color: rgb(92, 92, 92); font-family: -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, verdana; font-size: 1.4rem; line-height: 145%; margin-top: 16px; text-align: center; }

.banner-nl__description a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.banner-nl__description a:focus-visible, .banner-nl__description a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.banner-nl__description a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.banner-nl__description a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,2px); }

.banner-nl__description a:visited { color: rgb(118, 118, 118); }

.banner-nl__description a[target="_blank"] { padding-bottom: 2px; }

.banner-nl__description a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.banner-nl__description a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.banner-nl__description a[target="_blank"]::after { margin-left: 4px; padding-left: 16px; }

.banner-nl .newsletter__input-button-group, .banner-nl__form-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.banner-nl .newsletter__input-button-group { margin-bottom: 24px; margin-top: 32px; }

.banner-nl .newsletter__success-msg span::after { content: "\a "; white-space: pre; }

.banner-nl__legal-links { color: rgb(66, 66, 66); font-family: -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, verdana; font-size: 1.4rem; line-height: 145%; text-align: center; }

.banner-nl__legal-links a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.banner-nl__legal-links a:focus-visible, .banner-nl__legal-links a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.banner-nl__legal-links a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.banner-nl__legal-links a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,2px); }

.banner-nl__legal-links a:visited { color: rgb(118, 118, 118); }

.banner-nl__legal-links a[target="_blank"] { padding-bottom: 2px; }

.banner-nl__legal-links a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.banner-nl__legal-links a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.banner-nl__legal-links a[target="_blank"]::after { margin-left: 4px; padding-left: 16px; }

.banner-nl__legal-text { color: rgb(92, 92, 92); font-family: -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, verdana; font-size: 1.4rem; line-height: 145%; margin-top: 12px; }

.banner-nl__legal-text a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.banner-nl__legal-text a:focus-visible, .banner-nl__legal-text a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.banner-nl__legal-text a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.banner-nl__legal-text a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,2px); }

.banner-nl__legal-text a:visited { color: rgb(118, 118, 118); }

.banner-nl__legal-text a[target="_blank"] { padding-bottom: 2px; }

.banner-nl__legal-text a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.banner-nl__legal-text a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.banner-nl__legal-text a[target="_blank"]::after { margin-left: 4px; padding-left: 16px; }

.banner-nl .input-field { background-color: transparent; color: rgb(92, 92, 92); margin-bottom: 12px; }

.banner-nl .input-field__input { background-color: rgb(255, 255, 255); margin-right: 0px; }

.banner-nl .input-field--above .input-field__label { background-color: rgb(255, 255, 255); }

.banner-nl__success-msg { text-align: center; }

.banner-nl__input-button-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 24px; margin-top: 32px; }

.banner-nl__email { width: 100%; }

@container bannerNl (width > 499px) {
  .banner-nl__wrapper { padding: 12px 24px 32px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; align-items: normal; }
  .banner-nl__illustration { height: 128px; position: absolute; width: 128px; }
  .banner-nl__illustration img { margin-left: 24px; }
  .banner-nl__internal-wrapper { -webkit-box-orient: vertical; flex-direction: column; }
  .banner-nl__heading, .banner-nl__internal-wrapper { display: flex; -webkit-box-direction: normal; }
  .banner-nl__heading { -webkit-box-orient: horizontal; flex-direction: row; margin-left: 188px; -webkit-box-align: center; align-items: center; min-height: 128px; }
  .banner-nl__heading-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; }
  .banner-nl__description, .banner-nl__subtitle, .banner-nl__title { text-align: left; }
  .banner-nl__form-wrapper { margin-bottom: 0px; margin-top: 16px; }
  .banner-nl .newsletter__input-button-group { margin: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .banner-nl__legal-links { text-align: left; }
  .newsletter__input-field { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 12px; }
}

@container bannerNl (width > 639px) {
  .banner-nl__wrapper { padding: 28px 40px 32px 32px; -webkit-box-align: center; align-items: center; }
  .banner-nl__illustration { height: 156px; position: relative; width: 156px; -webkit-box-pack: center; justify-content: center; }
  .banner-nl__illustration img { margin-left: 0px; }
  .banner-nl__internal-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .banner-nl__heading { min-height: auto; }
  .banner-nl__form-wrapper, .banner-nl__heading { margin-left: 56px; }
  .banner-nl__form-wrapper { margin-bottom: 0px; }
  .input-field { margin-right: 12px; -webkit-box-flex: 1; flex: 1 1 0%; max-width: 450px; }
  .banner-nl--investigation .banner-nl__illustration img { transform: rotate(90deg); }
}

@container bannerNl (width > 1087px) {
  .banner-nl__wrapper { -webkit-box-align: center; align-items: center; padding: 20px 40px 24px; }
  .banner-nl__illustration { height: 140px; width: 140px; -webkit-box-pack: center; justify-content: center; }
  .banner-nl__heading { margin-left: 50px; }
  .input-field { margin-right: 12px; }
  .input-field__input { width: 375px; }
  .banner-nl__form-wrapper { -webkit-box-pack: center; justify-content: center; }
  .banner-nl--investigation .banner-nl__illustration img { transform: rotate(90deg); }
}

@container bannerNl (width >= 1088px) and (width <= 1208px) {
  .input-field__input { width: 258px; }
}
