/* TI 2.0 in the pre-existing right hero rail, not a second section. */
.r49-home .hero-right-rail > .hero-visual-r49.itl-ti20-hero {
  padding:0;background:none;box-shadow:none;border-radius:0;overflow:visible;
}
.r49-home .hero-visual-r49.itl-ti20-hero::after {display:none}
[data-ti20-root]{background:transparent;color:#eaf4fd;padding:0;min-width:0;position:relative}
[data-ti20-root] .itl-ti20-figure{margin:0}
[data-ti20-root] .itl-ti20-map{position:relative;width:100%;aspect-ratio:1312 / 1199;overflow:hidden;border-radius:clamp(14px,2vw,30px);background:#021727}
[data-ti20-root] .itl-ti20-map img{width:100%;height:100%;object-fit:contain;display:block}
[data-ti20-root] .itl-ti20-hotspot,[data-ti20-root] .itl-ti20-explore{position:absolute;display:block;border:2px solid transparent;background:transparent;cursor:pointer;border-radius:8px;padding:0;color:transparent;z-index:2;transition:box-shadow .16s,border-color .16s}
[data-ti20-root] .itl-ti20-hotspot:hover,[data-ti20-root] .itl-ti20-hotspot:focus-visible,[data-ti20-root] .itl-ti20-explore:hover,[data-ti20-root] .itl-ti20-explore:focus-visible{border-color:#5af8e0;box-shadow:inset 0 0 15px rgba(44,240,211,.23),0 0 0 2px #072f39,0 0 14px rgba(44,240,211,.65);outline:0}
/* Approved 1312x1199 image: exact five application-card locations. */
[data-ti20-root] .itl-ti20-hotspot--app{left:29.8%;top:38.4%;width:12.4%;height:12%}
[data-ti20-root] .itl-ti20-hotspot--flow{left:42.6%;top:38.4%;width:13.6%;height:12%}
[data-ti20-root] .itl-ti20-hotspot--fd{left:57.0%;top:38.4%;width:13.4%;height:12%}
[data-ti20-root] .itl-ti20-hotspot--client{left:32.2%;top:50.5%;width:17.7%;height:9.3%}
[data-ti20-root] .itl-ti20-hotspot--hcl{left:50.5%;top:50.5%;width:17.7%;height:9.3%}
/* P19.9: the English SVG has slightly different card geometry. Keep the
   five hit areas on their visual cards without touching the approved DE PNG. */
[data-ti20-root][lang="en"] .itl-ti20-hotspot--app{left:28.96%;top:38.03%;width:11.82%;height:11.43%}
[data-ti20-root][lang="en"] .itl-ti20-hotspot--flow{left:41.69%;top:38.03%;width:13.41%;height:11.43%}
[data-ti20-root][lang="en"] .itl-ti20-hotspot--fd{left:55.94%;top:38.03%;width:12.12%;height:11.43%}
[data-ti20-root][lang="en"] .itl-ti20-hotspot--client{left:31.78%;top:50.38%;width:16.46%;height:8.01%}
[data-ti20-root][lang="en"] .itl-ti20-hotspot--hcl{left:49.09%;top:50.38%;width:16.39%;height:8.01%}
/* The image already contains 'Diagramm erkunden'; this invisible anchor activates it. */
[data-ti20-root] .itl-ti20-explore{left:3.7%;top:88.4%;width:92.5%;height:7.6%;border-radius:16px}
[data-ti20-root] figcaption{font-size:.75rem;line-height:1.5;color:#a7bfce;margin:14px 4px 0}
[data-ti20-root] .itl-ti20-mobile-select{display:block;margin-top:19px;scroll-margin-top:95px}
[data-ti20-root] .itl-ti20-mobile-select h3{font-size:.97rem;line-height:1.3;margin:0 0 10px;color:#e3f7fc}
[data-ti20-root] .itl-ti20-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
[data-ti20-root] .itl-ti20-mobile-button{display:block;color:#e7fcfa;text-decoration:none;text-align:left;cursor:pointer;border:1px solid #3b8194;border-radius:10px;min-height:48px;background:#13334c;padding:10px 12px;font-size:.9rem;line-height:1.4}
[data-ti20-root] .itl-ti20-mobile-button span{float:right}
[data-ti20-root] .itl-ti20-dialog{border:1px solid #3c8298;background:#071c30;color:#f2fbff;border-radius:18px;padding:0;max-height:min(86vh,920px);width:min(710px,calc(100vw - 24px));box-shadow:0 28px 80px #000a;overscroll-behavior:contain}
[data-ti20-root] .itl-ti20-dialog::backdrop{background:rgba(0,7,16,.78);backdrop-filter:blur(4px)}
[data-ti20-root] .itl-ti20-dialog-inner{padding:clamp(18px,3vw,30px)}
[data-ti20-root] .itl-ti20-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}
[data-ti20-root] .itl-ti20-dialog-head h3{color:#fff;margin:7px 0;font-size:clamp(1.35rem,2vw,1.9rem)}
[data-ti20-root] .itl-ti20-dialog-head h3:focus{outline:none}
[data-ti20-root] .itl-ti20-close{border:1px solid #60849a;background:#143147;color:#fff;border-radius:10px;cursor:pointer;width:44px;height:44px;font-size:1.7rem;line-height:1}
[data-ti20-root] .itl-ti20-statusbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
[data-ti20-root] .itl-ti20-status-pill,[data-ti20-root] .itl-ti20-product-pill{display:inline-block;padding:7px 10px;font-size:.82rem;border:1px solid #346d7d;background:#113347;border-radius:12px;color:#d7f9fb}
[data-ti20-root] .itl-ti20-status-pill.is-draft{background:#3f321c;border-color:#94733a;color:#ffe9bf}
[data-ti20-root] .itl-ti20-product-pill{border-color:#466076;color:#cbd9e5;background:#172838}
[data-ti20-root] .itl-ti20-tabs{display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid #345164;padding-bottom:9px}
[data-ti20-root] .itl-ti20-tabs [role=tab]{border:1px solid #2a5c77;background:#112f46;color:#d4e6f4;padding:9px 12px;border-radius:9px;cursor:pointer;white-space:nowrap;font:inherit;font-size:.86rem}
[data-ti20-root] .itl-ti20-tabs [role=tab][aria-selected=true]{border-color:#4debd6;color:#ecfffd;background:#164a58}
[data-ti20-root] .itl-ti20-panel{padding:14px 0 5px;line-height:1.63;color:#cddde9}
[data-ti20-root] .itl-ti20-panel[hidden],[data-ti20-root] .itl-ti20-details[hidden]{display:none!important}
[data-ti20-root] .itl-ti20-panel h4{color:#effbff;font-size:1rem;margin:14px 0 5px}
[data-ti20-root] .itl-ti20-panel p{margin:5px 0 12px}
[data-ti20-root] .itl-ti20-ref{font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;color:#7ef8e3}
[data-ti20-root] .itl-ti20-kv{margin:16px 0;border:1px solid #29506a;border-radius:10px;overflow:hidden}
[data-ti20-root] .itl-ti20-kv div{padding:10px 13px;border-bottom:1px solid #29506a}
[data-ti20-root] .itl-ti20-kv div:last-child{border-bottom:0}
[data-ti20-root] .itl-ti20-kv dt{color:#aac3d8;font-size:.79rem}
[data-ti20-root] .itl-ti20-kv dd{margin:4px 0 0;overflow-wrap:anywhere;color:#fff}
[data-ti20-root] .itl-ti20-warning{color:#ffdbba}
[data-ti20-root] .itl-ti20-panel-footer{border-top:1px solid #31526a;margin-top:15px;padding-top:17px}
[data-ti20-root] .itl-ti20-link{color:#84f3e4;font-weight:600;display:inline-block;margin:5px 0;padding:6px 0}
[data-ti20-root] .itl-ti20-dialog :is(a,button):focus-visible,[data-ti20-root] .itl-ti20-mobile-button:focus-visible{outline:3px solid #9affeb;outline-offset:3px}
[data-ti20-root] .itl-ti20-nojs{padding:12px;color:#fff}
@media(max-width:760px){
 [data-ti20-root] .itl-ti20-map{border-radius:12px}
 [data-ti20-root] .itl-ti20-hotspot{display:none}
 [data-ti20-root] .itl-ti20-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-ti20-root] .itl-ti20-tabs{flex-wrap:wrap;overflow:visible}
 [data-ti20-root] .itl-ti20-tabs [role=tab]{flex:1 1 140px;white-space:normal}
}
@media(max-width:340px){[data-ti20-root] .itl-ti20-mobile-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){[data-ti20-root] .itl-ti20-hotspot,[data-ti20-root] .itl-ti20-explore{transition:none}}

/* Diagram magnifier: inside the image canvas, below the image's own title bar. */
[data-ti20-root] .itl-ti20-zoom-open{position:absolute;top:10%;right:3.2%;z-index:4;display:grid;place-items:center;width:clamp(44px,4.5vw,52px);height:clamp(44px,4.5vw,52px);box-sizing:border-box;border:2px solid #35f1dd;border-radius:50%;background:rgba(5,34,54,.94);color:#affff1;box-shadow:0 0 14px rgba(36,242,220,.22);text-decoration:none;transition:background .16s,box-shadow .16s}
[data-ti20-root] .itl-ti20-zoom-open svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-ti20-root] .itl-ti20-zoom-open:hover{background:#125163;box-shadow:0 0 18px rgba(36,242,220,.48);color:#fff}
[data-ti20-root] .itl-ti20-zoom-open:focus-visible{outline:3px solid #91fff0;outline-offset:4px}
@media(prefers-reduced-motion:reduce){[data-ti20-root] .itl-ti20-zoom-open{transition:none}}
[data-ti20-root] .itl-ti20-zoom-dialog{width:min(1460px,calc(100vw - 24px));height:min(95dvh,1100px);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;color:#e9f7ff;border:1px solid #387b90;border-radius:16px;background:#071d30;box-shadow:0 30px 90px rgba(0,0,0,.66)}
[data-ti20-root] .itl-ti20-zoom-dialog::backdrop{background:rgba(0,7,16,.86);backdrop-filter:blur(5px)}
[data-ti20-root] .itl-ti20-zoom-dialog[open]{display:flex;flex-direction:column}
[data-ti20-root] .itl-ti20-zoom-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid rgba(149,225,229,.22)}
[data-ti20-root] .itl-ti20-zoom-head h3{margin:0;font-size:1.13rem;color:#f6feff}
[data-ti20-root] .itl-ti20-zoom-head p{margin:4px 0 0;font-size:.82rem;color:#b5d3e2}
[data-ti20-root] .itl-ti20-zoom-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
[data-ti20-root] .itl-ti20-zoom-controls button{width:44px;height:44px;border:1px solid #477f94;border-radius:10px;background:#17354a;color:#ecffff;cursor:pointer;font-size:1.5rem;line-height:1}
[data-ti20-root] .itl-ti20-zoom-controls output{min-width:46px;text-align:center;font-size:.84rem;color:#cce4eb;font-variant-numeric:tabular-nums}
[data-ti20-root] .itl-ti20-zoom-controls button:disabled{cursor:not-allowed;opacity:.42}
[data-ti20-root] .itl-ti20-zoom-controls button:focus-visible,[data-ti20-root] .itl-ti20-zoom-scroller:focus-visible{outline:3px solid #a2ffeb;outline-offset:-4px}
[data-ti20-root] .itl-ti20-zoom-scroller{overflow:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:0;min-width:0;background:#061624}
[data-ti20-root] .itl-ti20-zoom-map{position:relative;width:var(--ti20-zoom-size,1312px);max-width:none;line-height:0}
[data-ti20-root] .itl-ti20-zoom-map img{display:block;width:100%;height:auto;max-width:none}
[data-ti20-root] .itl-ti20-zoom-map .itl-ti20-hotspot{line-height:normal;z-index:3}
@media(max-width:760px){[data-ti20-root] .itl-ti20-zoom-map .itl-ti20-hotspot{display:block}[data-ti20-root] .itl-ti20-zoom-head{align-items:flex-start;padding:12px}[data-ti20-root] .itl-ti20-zoom-head h3{font-size:1rem}[data-ti20-root] .itl-ti20-zoom-controls{width:100%;justify-content:flex-end}}