.roadmap-controls{align-items:start;display:flex;flex-wrap:wrap;gap:var(--scl-spacing-16);margin:var(--scl-spacing-32) auto;max-width:1172px}.roadmap{-ms-overflow-style:none;margin:0 auto;max-width:1172px;overflow-x:scroll;overflow-y:hidden;position:relative;scrollbar-width:thin}.roadmap::-webkit-scrollbar{display:none}.roadmap .today{background-color:var(--telekom-color-text-and-icon-primary-standard);height:calc(100% + 10px);list-style:none;margin-top:-3px;padding-left:unset;position:absolute;width:1px;z-index:1}.roadmap .today:before{content:"";height:100%;position:absolute;transform:translateX(-50%);width:5px;z-index:-1}.roadmap>*{font-family:var(--telekom-typography-font-family-sans)}.roadmap .roadmap-years{color:var(--telekom-color-ui-black);display:grid;font:var(--telekom-text-style-heading-4);padding-left:20px}.roadmap .roadmap-header{display:flex;width:max-content}.roadmap .roadmap-header .header{background-color:var(--telekom-color-ui-strong);border-radius:8px 8px 0 0;color:var(--telekom-color-ui-white);display:inline-block;float:left;font:var(--telekom-text-style-body-bold);justify-self:stretch;line-height:var(--telekom-typography-line-spacing-none);margin:0 0 0 1px;padding:16px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:197px}.roadmap .roadmap-header .header:before{border-left:1px solid var(--telekom-color-ui-black);content:"";height:100%;margin:32px -17px;position:absolute}.roadmap .roadmap-header .header.category+.header:before{all:unset}.roadmap .roadmap-header .header.category{left:0;margin-left:0;position:sticky;top:0;width:279px;z-index:2}.roadmap .roadmap-header .header.category:before{all:unset}.roadmap .roadmap-header .header.category:after{border-left:1px solid var(--telekom-color-ui-black);box-shadow:-2px 0 7px 0 var(--telekom-color-ui-black);clip-path:inset(2px -5px 0 2px);content:"";height:var(--roadmap-height,100%);margin:46px 0 0 -279px;padding-left:279px;position:absolute;right:0;top:0}.roadmap .roadmap-header .header .mid-term{margin-left:2px}.roadmap .roadmap-header .header:last-of-type{border-radius:8px 0 0 0;max-width:100px}.roadmap .roadmap-category{align-items:stretch;display:flex;justify-content:left;padding:4px 0}.roadmap .roadmap-category .product-container{padding-left:8px}.roadmap .roadmap-category .product-container .roadmap-container:first-child .product-name-container{padding-top:0}.roadmap .roadmap-category .product-container .roadmap-container:last-child .product-name-container{padding-bottom:0}.roadmap .roadmap-category .product-name{margin:0}.roadmap .roadmap-category .category-title-container{align-items:center;border-radius:4px;display:flex;flex-shrink:0;justify-content:center;left:0;position:sticky;width:40px;z-index:3}.roadmap .roadmap-category .category-title-container .category-title{color:var(--telekom-color-ui-white);float:left;font:var(--telekom-text-style-body-bold);margin:0 0 0 4px;padding:unset;transform:rotate(180deg);writing-mode:vertical-lr}.roadmap .roadmap-category .product-container{display:block}.roadmap .roadmap-product{align-items:stretch;display:flex;justify-content:left}.roadmap .roadmap-product ul{border-bottom:1px dashed var(--telekom-color-background-backdrop);list-style:none;width:892px}.roadmap .roadmap-product:last-of-type{border-bottom:0}.roadmap .roadmap-product:last-of-type ul{border-bottom:unset}.roadmap .roadmap-product:last-of-type ul:after{border-bottom:1px solid var(--telekom-color-ui-border-standard);content:"";height:calc(100% + 5px);position:absolute;width:100%}.roadmap .roadmap-product:last-of-type .quarter-column-border{height:calc(100% + 10px)}.roadmap .roadmap-product:last-of-type .quarter-column-border:first-of-type:before{clip-path:inset(1px -5px 0 2px)}.roadmap .roadmap-product:last-of-type .product-name-container-shadow{padding-bottom:0}.roadmap .roadmap-product:first-of-type .product-name-container-shadow{padding-top:0}.roadmap .roadmap-product .product-name-container-shadow{display:flex;left:48px;padding:3px 0;position:sticky;z-index:2}.roadmap .roadmap-product .product-name-container-shadow:before{background-color:var(--telekom-color-ui-white);content:"";height:calc(300% + 16px);margin-left:-50px;margin-top:-4px;position:absolute;width:280px;z-index:-1}.roadmap .roadmap-product .product-name-container{border-radius:4px;display:inline-block;margin-right:4px;min-height:2rem;padding:2px;text-decoration:none;width:223px}.roadmap .roadmap-product .product-name-container:hover{cursor:pointer;filter:brightness(.8)}.roadmap .roadmap-product .product-name-container .product-name{color:var(--telekom-color-ui-white);font:var(--telekom-text-style-body-bold)}.roadmap .roadmap-releases{display:grid;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;margin-left:4px;padding-inline-start:0;position:relative}.roadmap .roadmap-releases .release{color:var(--telekom-color-ui-black);cursor:pointer;display:flex;font:var(--telekom-text-style-body);height:32px;justify-content:space-between;margin:2px 0 2px 2px;position:relative;text-align:left;z-index:1}.roadmap .roadmap-releases .release .release-titel-container{border-radius:4px;margin:0 12px 0 2px;position:relative;width:calc(100% - 16px)}.roadmap .roadmap-releases .release .release-titel-container .release-title{display:block;margin:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap .roadmap-releases .release .release-titel-container:before{background-color:inherit;content:"";display:block;height:32px;mask-image:url(/_Resources/Static/Packages/App.Site/Build/images/arrow-right-features.c72e0a22.svg);mask-size:cover;position:absolute;right:-12px;width:16px}.roadmap .roadmap-releases .release[data-type=EOL] .release-titel-container{margin:0 2px;width:calc(100% - 2px)}.roadmap .roadmap-releases .release[data-type=EOL] .release-titel-container:before{display:none}.roadmap .status{background-color:var(--telekom-color-primary-standard);border-radius:3px;color:var(--telekom-color-ui-white);display:inline-block;font:var(--telekom-text-style-caption-bold);margin:1px 6px 1px 0;padding:0 4px;text-transform:uppercase}.roadmap .tooltip{background-color:var(--telekom-color-ui-white);border-radius:2px;display:none;filter:drop-shadow(0 0 10px var(--telekom-color-background-backdrop));max-width:380px;padding:16px;width:max-content;z-index:999}.roadmap .tooltip:before{content:"";height:200%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}.roadmap .tooltip .title{display:block;font:var(--telekom-text-style-body-bold);font-stretch:normal;font-style:normal}.roadmap .tooltip .description,.roadmap .tooltip .title{color:var(--01-text-icon-01-standard);letter-spacing:normal}.roadmap .tooltip .description{font:var(--telekom-text-style-body)}.roadmap .tooltip[data-show]{display:block}.roadmap .tooltip [data-popper-arrow],.roadmap .tooltip [data-popper-arrow]:before{background:inherit;height:16px;position:absolute;width:16px}.roadmap .tooltip [data-popper-arrow]{visibility:hidden}.roadmap .tooltip [data-popper-arrow]:before{background-color:var(--telekom-color-ui-white);border-radius:1px;content:"";transform:rotate(45deg);visibility:visible}.roadmap .tooltip[data-popper-placement^=top]>[data-popper-arrow]{bottom:-6px}.roadmap .tooltip[data-popper-placement^=bottom]>[data-popper-arrow]{top:-6px}.roadmap .tooltip[data-popper-placement^=left]>[data-popper-arrow]{right:-6px}.roadmap .tooltip[data-popper-placement^=right]>[data-popper-arrow]{left:-6px}.roadmap .roadmap-product{overflow:initial}.roadmap .hidden{display:none}.roadmap-legend{display:grid;gap:var(--scl-spacing-4) var(--scl-spacing-8);grid-template-columns:auto 1fr;margin:var(--scl-spacing-16) auto 0;max-width:1172px;padding:0 12px}.roadmap-legend dt{color:var(--telekom-color-text-and-icon-primary-standard);font:var(--telekom-text-style-small-bold);margin:0}.roadmap-legend dd{font:var(--telekom-text-style-small);margin:0}@media screen and (max-width:1172px){.roadmap{cursor:grab}.roadmap .roadmap-header .header:first-of-type{align-self:start;position:sticky}.roadmap .category-title-container{margin-right:-6px;padding-right:6px}.roadmap .roadmap-releases{margin-left:10px}.roadmap .roadmap-product{width:calc(100% - 48px)}.roadmap .roadmap-product .product-name-container-shadow{position:sticky;top:0}}