.hero-detail.component{display:flex;background-color:#fff;color:#fff;flex-direction:column;justify-content:space-between;align-items:center}
.hero-detail .headline__readmore{display:flex;align-items:center;gap:4px;cursor:pointer}
.hero-detail .headline__readmore svg{height:20px;width:20px;fill:#fff}
.hero-detail .headline{display:flex;min-height:520px;width:100%;background-color:#007abc}
.hero-detail .headline__leftText{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0}
.hero-detail .headline.text{min-height:300px;margin-bottom:0 !important}
.hero-detail .headline__border{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;align-self:stretch}
.hero-detail .headline__row{height:100%}
.hero-detail .headline__column{display:flex;align-items:flex-end;padding:24px 16px 64px;gap:16px;flex-shrink:0;height:100%;align-self:stretch}
.hero-detail .headline__content{display:flex;gap:16px;justify-content:space-between;align-items:flex-end;padding-top:32px;flex:1 0 0}
.hero-detail .headline__contact{display:flex;padding-right:0;padding-left:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;align-self:stretch}
.hero-detail .headline__contact-link a{color:#fff;margin-bottom:0 !important}
.hero-detail .headline__contact-label ~ .headline__contact-link{color:#fff}
@media screen and (max-width:767px){.hero-detail .headline__cta-link,.hero-detail .headline__contact-link{width:100%}
.hero-detail .headline__column{padding-bottom:32px;padding-right:0;padding-left:0}
}
@media screen and (min-width:768px){.hero-detail .headline{min-height:380px}
.hero-detail .headline__container{padding:0}
.hero-detail .headline__container .col12{margin:0;padding-right:0}
.hero-detail .headline__container .headline__row{margin:0;padding:0;max-width:100%}
.hero-detail .headline__container .headline__column{width:100%;margin:0}
.hero-detail .headline__container .headline__column .row{margin:0;width:100%}
.hero-detail .headline__container .headline__column .row .headline__borderLeft{padding-left:0}
.hero-detail .headline__container .headline__column .headline__cta-contact,.hero-detail .headline__container .headline__column .headline__cta{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;align-self:stretch}
.hero-detail .headline__container .headline__column .headline__contact{padding-left:0}
.hero-detail .headline__container .headline__column .headline__cta,.hero-detail .headline__container .headline__column .headline__cta-contact,.hero-detail .headline__container .headline__column .headline__contact{padding:0;flex-basis:30%}
.hero-detail .headline__leftText{padding:0;flex-basis:70%}
.hero-detail .headline.text{min-height:350px}
.hero-detail .headline__border{min-height:100%;padding-left:32px}
.hero-detail .headline__cta .headline__border,.hero-detail .headline__contact .headline__border,.hero-detail .headline__cta-contact .headline__border{flex-basis:30%;min-height:100%;padding-right:32px;border-left:1px solid rgba(255,255,255,0.4)}
}
@media screen and (max-width:1023px) and (min-width:768px){.hero-detail .headline__cta-contact{padding-left:0}
.hero-detail .headline__cta .headline__border,.hero-detail .headline__contact .headline__border,.hero-detail .headline__cta-contact .headline__border{width:fit-content;flex-basis:30%}
}
@media screen and (min-width:1024px){.hero-detail .headline{min-height:500px}
}
body[dir="rtl"] .hero-detail .headline.bg:not(.text-and-image),body[dir="rtl"] .hero-detail .headline.bg:not(.text-and-image) .container.headline__container{transform:scaleX(-1)}
@media screen and (min-width:768px){body[dir="rtl"] .hero-detail .headline__cta .headline__border,body[dir="rtl"] .hero-detail .headline__contact .headline__border,body[dir="rtl"] .hero-detail .headline__cta-contact .headline__border{border-right:1px solid rgba(255,255,255,0.4);border-left:0}
}