.hero{position:relative}.hero h1{margin-bottom:var(--scl-spacing-32)}.hero p{line-height:1.4rem;margin-bottom:0}.hero scale-button{margin-top:var(--scl-spacing-40)}@media screen and (min-width:639px){.hero.with-mask:after{border-color:var(--telekom-color-background-canvas) transparent transparent transparent;border-style:solid;border-width:400px 213px 0 0;content:"";display:block;height:0;position:absolute;top:0;width:0}}.hero img,.hero video{height:auto;max-height:calc(100vh - 120px);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.hero .overlay-wrapper{margin:0 1rem;max-width:1920px}@media screen and (min-width:1952px){.hero .overlay-wrapper{margin:0 auto}}.hero .overlay{background-color:var(--telekom-color-background-canvas);border-radius:4px;box-shadow:var(--telekom-shadow-overlay);margin-top:-32px;max-width:725px;padding:var(--scl-spacing-32);position:relative}.hero .overlay.with-flyout{border-radius:4px 0 4px 4px}@media screen and (min-width:639px){.hero .overlay{margin-top:0;transform:translateY(-68%)}}.hero .flyout{display:none;position:absolute;right:-204px;top:-185px;z-index:1}@media screen and (min-width:947px){.hero .flyout{display:block}}.hero .flyout-content{align-items:center;display:flex;font:var(--telekom-text-style-heading-5);min-height:231px;width:471px}.hero .flyout-content,.hero .flyout-content a{color:var(--telekom-color-ui-white);position:relative}.hero .flyout-content a{padding-left:1em;text-decoration:none}.hero .flyout-content a:before{background-color:currentColor;color:inherit;content:"";height:.8em;left:0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath fill='currentColor' d='m0 0 6.843 8.047L0 16h5.494L12 8.608V7.439L5.494 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath fill='currentColor' d='m0 0 6.843 8.047L0 16h5.494L12 8.608V7.439L5.494 0z'/%3E%3C/svg%3E");position:absolute;top:calc(50% - .4em);width:.6em}.hero .flyout-content a:active,.hero .flyout-content a:focus,.hero .flyout-content a:hover{color:var(--telekom-color-ui-black)}.hero .flyout-content>div{margin-bottom:23px;padding:0 4rem;position:relative}.hero .flyout-content svg{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;position:absolute;width:100%}
/*# sourceMappingURL=component.hero.b530e1fa.css.map*/