.hero-detail .component{position:relative}
.hero-detail .component__background{position:absolute;top:0;left:0;width:100%}
.hero-detail .component__background.light-background{background-color:#fbfaf8}
.hero-detail .component__background.lightgray-background{background-color:#f5f2ed}
.hero-detail .component__background.dark-background{background-color:#01444c}
.hero-detail .component.text-and-image.none{background:transparent}
.hero-detail .component.text-and-image.white{background:#fbfaf8}
.hero-detail .component.text-and-image.lightBlue{background:#f1fffe}
.hero-detail .component.text-and-image.lightGray{background:#f5f2ed}
.hero-detail .component.text-and-image.lightGreen{background:#f1fffe}
.hero-detail .component.text-and-image.darkBlue{background:#01444c}
.hero-detail .component.text-and-image.darkTeal{background:#01444c}
.hero-detail .component__headline-section.light-background .component__headline,.hero-detail .component__headline-section.light-background .component__headline-copy,.hero-detail .component__headline-section.light-background .component__readmore-link{color:#01444c}
.hero-detail .component__headline-section.light-background .component__readmore-link>svg.icon{fill:#01444c}
.hero-detail .component__headline-section.lightgray-background .component__headline,.hero-detail .component__headline-section.lightgray-background .component__headline-copy,.hero-detail .component__headline-section.lightgray-background .component__readmore-link{color:#01444c}
.hero-detail .component__headline-section.lightgray-background .component__readmore-link>svg.icon{fill:#01444c}
.hero-detail .component__headline-section.dark-background .component__headline,.hero-detail .component__headline-section.dark-background .component__headline-copy,.hero-detail .component__headline-section.dark-background .component__readmore-link{color:#fbfaf8}
.hero-detail .component__headline-section.dark-background .component__readmore-link:focus{text-decoration:none;outline-color:#fbfaf8;outline-offset:4px;outline-style:solid;outline-width:2px}
.hero-detail .component__headline-content{padding:80px 0}
@media screen and (min-width:768px) and (max-width:1023px){.hero-detail .component__headline-content{padding:64px 0}
}
@media screen and (max-width:767px){.hero-detail .component__headline-content{padding:48px 0}
}
.hero-detail .component__headline-copy{margin-top:16px}
.hero-detail .component__cta-button{margin-top:32px}
@media screen and (max-width:767px){.hero-detail .component:has(.component__image) .component__headline-content{padding-bottom:0}
}
@media screen and (max-width:767px){.hero-detail .component:has(.component__image) .component__readmore-link{padding-bottom:32px}
}
@media screen and (max-width:767px){.hero-detail .component:not(:has(.component__cta-button,.component__readmore-link)) .component__headline-copy{margin-bottom:32px}
}
@media screen and (max-width:767px){.hero-detail .component:not(:has(.component__cta-button)) .component__readmore-link{margin-top:32px}
}
@media screen and (max-width:767px){.hero-detail .component:not(:has(.component__readmore-link)) .component__cta-button{margin-bottom:32px}
}
.hero-detail .component__readmore-wrapper{display:inline-flex}
@media screen and (max-width:767px){.hero-detail .component__readmore-wrapper{display:flex;justify-content:center}
}
.hero-detail .component__readmore-link{margin-top:16px}
.hero-detail .component__image{width:100%;height:auto;border-radius:12px;background-repeat:no-repeat;background-size:cover;aspect-ratio:4 / 5;margin-top:80px}
@media screen and (min-width:768px) and (max-width:1023px){.hero-detail .component__image{margin-top:72px}
}
@media screen and (max-width:767px){.hero-detail .component__image{margin-bottom:48px}
}
@media screen and (max-width:767px){.hero-detail .component__cta-button{width:auto}
.hero-detail .component__image{margin-top:0}
}
.hero-detail .component.text-and-image.overlapping-enabled{margin-bottom:0}
@media screen and (max-width:767px){body:has(.bread-crumb) .hero-detail .component__headline{padding-top:32px}
}