.kone-hero__wrapper{align-items:center;color:var(--color-text-white);display:block;left:50%;max-width:1600px;overflow:hidden;position:relative;transform:translateX(-50%);width:100vw}.kone-hero__wrapper--image{aspect-ratio:9/16}@media only screen and (min-width: 600px){.kone-hero__wrapper--image{aspect-ratio:2/3}}@media only screen and (min-width: 1024px){.kone-hero__wrapper--image{aspect-ratio:16/9}}.kone-hero__image{position:absolute;inset:0;width:100%;height:100%;z-index:0}.kone-hero__image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.kone-hero__video .kone-video__posterimage-hero{aspect-ratio:9/16;height:auto;width:auto;overflow:visible;visibility:visible}.kone-hero__video .kone-video__posterimage-hero img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media only screen and (min-width: 600px){.kone-hero__video .kone-video__posterimage-hero{aspect-ratio:2/3}}@media only screen and (min-width: 1024px){.kone-hero__video .kone-video__posterimage-hero{display:none}}@media only screen and (max-width: 1023px){.kone-hero__video .video-container{display:none}}.kone-hero__content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:0 16px;gap:24px;background:linear-gradient(180deg, rgba(0, 6, 31, 0.35) 6.25%, rgba(0, 6, 31, 0.28) 28.37%, rgba(0, 6, 31, 0.28) 74.04%, rgba(0, 6, 31, 0.35) 100%)}@media only screen and (min-width: 600px){.kone-hero__content{gap:32px;padding:0 48px}}@media only screen and (min-width: 1024px){.kone-hero__content{gap:40px;padding:0 80px}}@media only screen and (min-width: 1600px){.kone-hero__content{padding:0 160px}}.kone-hero__content .cmp-breadcrumb__item-link,.kone-hero__content .cmp-breadcrumb__separator{color:var(--color-text-white);font-size:14px}.kone-hero__content .cmp-breadcrumb__item--active span{color:var(--color-text-white);font-size:14px;font-family:var(--kone-font-face-2-name)}.kone-hero__content .kone-title .cmp-title__text .cmp-title__link{color:var(--color-grey-0)}.kone-hero__breadcrumbs{position:absolute;top:24px;left:16px;z-index:2}@media only screen and (min-width: 600px){.kone-hero__breadcrumbs{left:48px}}@media only screen and (min-width: 1024px){.kone-hero__breadcrumbs{left:80px}}@media only screen and (min-width: 1600px){.kone-hero__breadcrumbs{left:160px}}.kone-hero__title .kone-title{margin-bottom:0}@media only screen and (min-width: 1600px){.kone-hero__title .kone-title{max-width:1060px}}.kone-hero .kone-hero__title .kone-title .kone-title__sub{color:var(--color-text-white)}.kone-hero__text{margin-bottom:24px}@media only screen and (min-width: 600px){.kone-hero__text{max-width:585px}}@media only screen and (min-width: 1024px){.kone-hero__text{max-width:840px}}.kone-hero__button{display:flex;gap:12px;flex-wrap:wrap}@media only screen and (min-width: 600px){.kone-hero__button{gap:16px}}.kone-hero__button .kone-button{margin-bottom:0}.kone-hero__button .kone-button .cmp-button{padding:8px 14px}@media only screen and (min-width: 1024px){.kone-hero__button .kone-button .cmp-button{height:64px;max-height:64px;padding:8px 20px}}.kone-hero__button .kone-button:first-child .cmp-button{padding:8px 6px 8px 16px}@media only screen and (min-width: 1024px){.kone-hero__button .kone-button:first-child .cmp-button{padding:8px 8px 8px 20px}}@media only screen and (min-width: 1024px){.kone-hero__button .kone-button:first-child .cmp-button__icon{width:44px;height:44px}}.kone-hero__button--video{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;gap:8px}@media only screen and (min-width: 600px){.kone-hero__button--video{bottom:32px}}@media only screen and (min-width: 1024px){.kone-hero__button--video{bottom:40px}}.kone-hero__button--video .scroll-down{animation:arrow-slide-down-in 1s infinite;animation-timing-function:cubic-bezier(0.47, 1.64, 0.41, 0.8)}.kone-hero .kone-hero__center-aligned{text-align:center}.kone-hero .kone-hero__center-aligned .kone-hero__content{align-items:center}.kone-hero .kone-hero__left-aligned{text-align:left}.kone-hero .kone-hero__left-aligned .kone-hero__content{align-items:flex-start}.kone-hero .kone-video__pause-button{display:none}@media only screen and (min-width: 1024px){.kone-hero .kone-video__pause-button{display:block;pointer-events:auto;z-index:3}}.kone-hero.cq-Editable-dom .kone-hero__text .cq-placeholder,.kone-hero.cq-Editable-dom .kone-hero__button .cq-placeholder{width:48px}