.hero-banner__image{background-color:var(--primary-color);background-position:bottom;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}.hero-banner__image--responsive{height:auto;width:100%}.hero-banner__content{margin-top:-200px}.hero-banner__content-wrapper{grid-column-gap:30px;grid-row-gap:30px;align-items:center;background-color:var(--primary-color);display:grid;grid-template-columns:calc(58.33% - 15px) calc(41.67% - 15px);padding:95px 0;position:relative}.hero-banner__content-wrapper:before{left:100%;right:-100%;width:200%}.hero-banner__content-wrapper:after,.hero-banner__content-wrapper:before{background-color:var(--primary-color);bottom:0;content:"";display:block;position:absolute;top:0;z-index:999}.hero-banner__content-wrapper:after{left:-100px;right:100%;width:100px}.hero-banner__headline{color:var(--secondary-color);margin-bottom:30px}.hero-banner__headline:last-child{margin-bottom:0}.hero-banner__headline--second{font-weight:300}.hero-banner__anchorlinks-wrapper{justify-content:flex-end}.hero-banner__anchorlinks-headline{color:var(--secondary-color);font-weight:300;margin-bottom:15px}.hero-banner__anchorlinks{flex-direction:column;width:75%}.hero-banner__anchorlink{background:linear-gradient(to left,transparent 50%,var(--secondary-color) 50%);background-position:100%;background-size:300%;color:var(--secondary-color);display:block;margin-bottom:15px;padding-left:15px;position:relative;transition:all .2s;transition:all .4s}.hero-banner__anchorlink:focus,.hero-banner__anchorlink:hover{background-position:0;color:var(--primary-color)}.hero-banner__anchorlink:last-child{margin-bottom:0}.hero-banner__anchorlink:after{background:var(--secondary-color);content:"";height:1px;left:0;position:absolute;top:15px;transition:all .3s;width:8px}.hero-banner__anchorlink:hover:after{background:var(--primary-color)}@media screen and (max-width:1199px){.hero-banner__content{margin-top:0}}@media screen and (max-width:991px){.hero-banner__anchorlinks-wrapper{justify-content:flex-start}.hero-banner__anchorlinks{width:100%}}@media screen and (max-width:767px){.hero-banner__image{background-size:cover}.hero-banner__content-wrapper{grid-template-columns:1fr;padding:30px 0}.hero-banner__anchorlinks-wrapper{justify-content:flex-start}.hero-banner__anchorlink:after{top:12px}}