/* GENERATED from source/v8.1/switch-data.json. Edit JSON, then build-overlay.mjs. */
@font-face{font-family:Satoshi;src:url('fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
[data-switch-hero][data-theme="light"]{--accent:#F46A28;--accent-text:#B44916;--muted:#4B6470;--lid-veil:0.09;--lid-reflection:0.15;--ink:#203945;--paper:#F1ECE3;--line:#F1ECE3;--surface:#F1ECE3;--glow:0.55;--glow-active:0.85;--exit:250ms;--fade:350ms;--fade-nach:270ms;--enter:500ms}
[data-switch-hero][data-theme="dark"]{--accent:#F46A28;--accent-text:#F28A50;--muted:#B6C2C6;--lid-veil:0.035;--lid-reflection:0.09;--ink:#F1ECE3;--paper:#203945;--line:#F1ECE3;--surface:#203945;--glow:0.72;--glow-active:0.95;--exit:250ms;--fade:350ms;--fade-nach:270ms;--enter:500ms}
[data-switch-hero][data-background="paper"]{--surface:#F1ECE3}
[data-switch-hero][data-background="white"]{--surface:#FFFFFF}
[data-switch-hero][data-background="slate"]{--surface:#203945}
.switch-stage{position:relative;width:100%;aspect-ratio:14/9;isolation:isolate;color:var(--ink)}.switch-stage>picture,.switch-overlay{position:absolute;inset:0;display:block;width:100%;height:100%}.switch-stage img,.switch-overlay svg{display:block;width:100%;height:100%;object-fit:contain}.switch-crop{overflow:hidden;width:100%}
.trace,#taps>a,.trace-glow,.component-response,.port-led{transition:opacity var(--fade)}[data-active] .trace,[data-active] #taps>a,[data-active] .trace-glow,[data-active] .component-response{transition-duration:var(--enter)}.trace-core{stroke-width:2.4}.trace-glow{opacity:var(--glow)}.route[data-route="antenna"]{opacity:0;transition:opacity var(--fade)}[data-active="netzwerk"] .route[data-route="antenna"]{opacity:1;transition:none}.component-response{opacity:0;stroke-width:3;stroke-linejoin:round}
#lid-veil{opacity:var(--lid-veil);transition:opacity var(--exit)}#lid-edge{stroke-width:0.95;opacity:.75}#lid-thickness{stroke-width:0.85;opacity:.6}#lid-reflections{stroke-width:18;opacity:var(--lid-reflection)}#taps>a{text-decoration:none;cursor:pointer;outline:none}.tap-feed{stroke-width:1.4;stroke-linecap:round}.leader-feed{transition:opacity var(--fade)}[data-active] .leader-feed{opacity:0.5;transition-duration:var(--enter)}.tap-leader{stroke-width:1.4;stroke-linecap:round}.tap-ui{color:var(--ink)}.tap-icon,.leader-end{transform-box:fill-box;transform-origin:center}.tap-icon{pointer-events:none}.tap-label{fill:var(--ink);font-family:Satoshi,sans-serif;transition:fill var(--fade)}.tap-icon{transition:color var(--fade)}.tap-hit{pointer-events:all}.leader-end{transform-box:fill-box;transform-origin:center}#taps>a:focus-visible .tap-hit{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 3}.port-led{opacity:0}.port-led.is-active{opacity:1}.service-title{color:var(--ink)}.service-rule{background:var(--accent);width:24px;transition:transform var(--exit);transform-origin:left}
[data-active] #lid-veil{opacity:0}[data-active] #taps>a{opacity:0.5}
[data-active="arbeitsplatz"] #trace-arbeitsplatz,[data-active="arbeitsplatz"] #taps>#tap-arbeitsplatz{opacity:1}[data-active="arbeitsplatz"] #trace-arbeitsplatz .trace-core{stroke-width:3}[data-active="arbeitsplatz"] #trace-arbeitsplatz .trace-glow{opacity:var(--glow-active)}[data-active="arbeitsplatz"] #trace-arbeitsplatz .component-response{opacity:0.65}[data-active="arbeitsplatz"] #taps>#tap-arbeitsplatz .tap-icon{color:var(--accent);transition:none}[data-active="arbeitsplatz"] #taps>#tap-arbeitsplatz .tap-label{fill:var(--accent-text);transition:none}[data-active="arbeitsplatz"] .service-tile[data-service="arbeitsplatz"] .service-title{color:var(--accent-text)}[data-active="arbeitsplatz"] .service-tile[data-service="arbeitsplatz"] .service-rule{transform:scaleX(2)}
[data-active="netzwerk"] #trace-netzwerk,[data-active="netzwerk"] #taps>#tap-netzwerk{opacity:1}[data-active="netzwerk"] #trace-netzwerk .trace-core{stroke-width:3}[data-active="netzwerk"] #trace-netzwerk .trace-glow{opacity:var(--glow-active)}[data-active="netzwerk"] #trace-netzwerk .component-response{opacity:0.65}[data-active="netzwerk"] #taps>#tap-netzwerk .tap-icon{color:var(--accent);transition:none}[data-active="netzwerk"] #taps>#tap-netzwerk .tap-label{fill:var(--accent-text);transition:none}[data-active="netzwerk"] .service-tile[data-service="netzwerk"] .service-title{color:var(--accent-text)}[data-active="netzwerk"] .service-tile[data-service="netzwerk"] .service-rule{transform:scaleX(2)}
[data-active="security"] #trace-security,[data-active="security"] #taps>#tap-security{opacity:1}[data-active="security"] #trace-security .trace-core{stroke-width:3}[data-active="security"] #trace-security .trace-glow{opacity:var(--glow-active)}[data-active="security"] #trace-security .component-response{opacity:0.65}[data-active="security"] #taps>#tap-security .tap-icon{color:var(--accent);transition:none}[data-active="security"] #taps>#tap-security .tap-label{fill:var(--accent-text);transition:none}[data-active="security"] .service-tile[data-service="security"] .service-title{color:var(--accent-text)}[data-active="security"] .service-tile[data-service="security"] .service-rule{transform:scaleX(2)}
[data-active="beratung"] #trace-beratung,[data-active="beratung"] #taps>#tap-beratung{opacity:1}[data-active="beratung"] #trace-beratung .trace-core{stroke-width:3}[data-active="beratung"] #trace-beratung .trace-glow{opacity:var(--glow-active)}[data-active="beratung"] #trace-beratung .component-response{opacity:0.65}[data-active="beratung"] #taps>#tap-beratung .tap-icon{color:var(--accent);transition:none}[data-active="beratung"] #taps>#tap-beratung .tap-label{fill:var(--accent-text);transition:none}[data-active="beratung"] .service-tile[data-service="beratung"] .service-title{color:var(--accent-text)}[data-active="beratung"] .service-tile[data-service="beratung"] .service-rule{transform:scaleX(2)}
[data-active="support"] #trace-support,[data-active="support"] #taps>#tap-support{opacity:1}[data-active="support"] #trace-support .trace-core{stroke-width:3}[data-active="support"] #trace-support .trace-glow{opacity:var(--glow-active)}[data-active="support"] #trace-support .component-response{opacity:0.65}[data-active="support"] #taps>#tap-support .tap-icon{color:var(--accent);transition:none}[data-active="support"] #taps>#tap-support .tap-label{fill:var(--accent-text);transition:none}[data-active="support"] .service-tile[data-service="support"] .service-title{color:var(--accent-text)}[data-active="support"] .service-tile[data-service="support"] .service-rule{transform:scaleX(2)}
[data-active="cloud"] #trace-cloud,[data-active="cloud"] #taps>#tap-cloud{opacity:1}[data-active="cloud"] #trace-cloud .trace-core{stroke-width:3}[data-active="cloud"] #trace-cloud .trace-glow{opacity:var(--glow-active)}[data-active="cloud"] #trace-cloud .component-response{opacity:0.65}[data-active="cloud"] #taps>#tap-cloud .tap-icon{color:var(--accent);transition:none}[data-active="cloud"] #taps>#tap-cloud .tap-label{fill:var(--accent-text);transition:none}[data-active="cloud"] .service-tile[data-service="cloud"] .service-title{color:var(--accent-text)}[data-active="cloud"] .service-tile[data-service="cloud"] .service-rule{transform:scaleX(2)}
[data-active] #taps>a{opacity:1}[data-active] #taps>a .tap-leader,[data-active] #taps>a .anchor-dot,[data-active] #taps>a .leader-end,[data-active] #taps>a .tap-icon{opacity:0.5}
[data-active="arbeitsplatz"] #taps>#tap-arbeitsplatz .tap-leader,[data-active="arbeitsplatz"] #taps>#tap-arbeitsplatz .anchor-dot,[data-active="arbeitsplatz"] #taps>#tap-arbeitsplatz .leader-end,[data-active="arbeitsplatz"] #taps>#tap-arbeitsplatz .tap-icon,[data-active="arbeitsplatz"] .leader-feed[data-service="arbeitsplatz"]{opacity:1}
[data-active="netzwerk"] #taps>#tap-netzwerk .tap-leader,[data-active="netzwerk"] #taps>#tap-netzwerk .anchor-dot,[data-active="netzwerk"] #taps>#tap-netzwerk .leader-end,[data-active="netzwerk"] #taps>#tap-netzwerk .tap-icon,[data-active="netzwerk"] .leader-feed[data-service="netzwerk"]{opacity:1}
[data-active="security"] #taps>#tap-security .tap-leader,[data-active="security"] #taps>#tap-security .anchor-dot,[data-active="security"] #taps>#tap-security .leader-end,[data-active="security"] #taps>#tap-security .tap-icon,[data-active="security"] .leader-feed[data-service="security"]{opacity:1}
[data-active="beratung"] #taps>#tap-beratung .tap-leader,[data-active="beratung"] #taps>#tap-beratung .anchor-dot,[data-active="beratung"] #taps>#tap-beratung .leader-end,[data-active="beratung"] #taps>#tap-beratung .tap-icon,[data-active="beratung"] .leader-feed[data-service="beratung"]{opacity:1}
[data-active="support"] #taps>#tap-support .tap-leader,[data-active="support"] #taps>#tap-support .anchor-dot,[data-active="support"] #taps>#tap-support .leader-end,[data-active="support"] #taps>#tap-support .tap-icon,[data-active="support"] .leader-feed[data-service="support"]{opacity:1}
[data-active="cloud"] #taps>#tap-cloud .tap-leader,[data-active="cloud"] #taps>#tap-cloud .anchor-dot,[data-active="cloud"] #taps>#tap-cloud .leader-end,[data-active="cloud"] #taps>#tap-cloud .tap-icon,[data-active="cloud"] .leader-feed[data-service="cloud"]{opacity:1}
[data-fokus]{--fokus:250ms}[data-fokus] .trace,[data-fokus] #taps>a,[data-fokus] .trace-glow,[data-fokus] .component-response,[data-fokus] .port-led,[data-fokus] .leader-feed,[data-fokus] #taps>a .tap-leader,[data-fokus] #taps>a .anchor-dot,[data-fokus] #taps>a .leader-end,[data-fokus] #taps>a .tap-icon,[data-fokus] #taps>a .tap-label{transition:opacity var(--fokus),fill var(--fade-nach),color var(--fade-nach)}
[data-fokus]:not([data-active]) .route[data-route="antenna"]{transition:opacity var(--fade-nach)}
[data-active][data-fokus] #traces>.trace,[data-active][data-fokus] .leader-feed,[data-active][data-fokus] #taps>a .tap-leader,[data-active][data-fokus] #taps>a .anchor-dot,[data-active][data-fokus] #taps>a .leader-end{opacity:0.3}[data-active][data-fokus] #port-leds .port-led.is-active{opacity:0.3}[data-active][data-fokus] #taps>a .tap-icon,[data-active][data-fokus] #taps>a .tap-label{opacity:0.7}
[data-active="arbeitsplatz"][data-fokus] #traces>#trace-arbeitsplatz,[data-active="arbeitsplatz"][data-fokus] .leader-feed[data-service="arbeitsplatz"],[data-active="arbeitsplatz"][data-fokus] #taps>#tap-arbeitsplatz .tap-leader,[data-active="arbeitsplatz"][data-fokus] #taps>#tap-arbeitsplatz .anchor-dot,[data-active="arbeitsplatz"][data-fokus] #taps>#tap-arbeitsplatz .leader-end,[data-active="arbeitsplatz"][data-fokus] #taps>#tap-arbeitsplatz .tap-icon,[data-active="arbeitsplatz"][data-fokus] #taps>#tap-arbeitsplatz .tap-label{opacity:1}
[data-active="arbeitsplatz"][data-fokus] #port-leds .port-led.is-active{opacity:1}
[data-active="netzwerk"][data-fokus] #traces>#trace-netzwerk,[data-active="netzwerk"][data-fokus] .leader-feed[data-service="netzwerk"],[data-active="netzwerk"][data-fokus] #taps>#tap-netzwerk .tap-leader,[data-active="netzwerk"][data-fokus] #taps>#tap-netzwerk .anchor-dot,[data-active="netzwerk"][data-fokus] #taps>#tap-netzwerk .leader-end,[data-active="netzwerk"][data-fokus] #taps>#tap-netzwerk .tap-icon,[data-active="netzwerk"][data-fokus] #taps>#tap-netzwerk .tap-label{opacity:1}
[data-active="security"][data-fokus] #traces>#trace-security,[data-active="security"][data-fokus] .leader-feed[data-service="security"],[data-active="security"][data-fokus] #taps>#tap-security .tap-leader,[data-active="security"][data-fokus] #taps>#tap-security .anchor-dot,[data-active="security"][data-fokus] #taps>#tap-security .leader-end,[data-active="security"][data-fokus] #taps>#tap-security .tap-icon,[data-active="security"][data-fokus] #taps>#tap-security .tap-label{opacity:1}
[data-active="beratung"][data-fokus] #traces>#trace-beratung,[data-active="beratung"][data-fokus] .leader-feed[data-service="beratung"],[data-active="beratung"][data-fokus] #taps>#tap-beratung .tap-leader,[data-active="beratung"][data-fokus] #taps>#tap-beratung .anchor-dot,[data-active="beratung"][data-fokus] #taps>#tap-beratung .leader-end,[data-active="beratung"][data-fokus] #taps>#tap-beratung .tap-icon,[data-active="beratung"][data-fokus] #taps>#tap-beratung .tap-label{opacity:1}
[data-active="support"][data-fokus] #traces>#trace-support,[data-active="support"][data-fokus] .leader-feed[data-service="support"],[data-active="support"][data-fokus] #taps>#tap-support .tap-leader,[data-active="support"][data-fokus] #taps>#tap-support .anchor-dot,[data-active="support"][data-fokus] #taps>#tap-support .leader-end,[data-active="support"][data-fokus] #taps>#tap-support .tap-icon,[data-active="support"][data-fokus] #taps>#tap-support .tap-label{opacity:1}
[data-active="cloud"][data-fokus] #traces>#trace-cloud,[data-active="cloud"][data-fokus] .leader-feed[data-service="cloud"],[data-active="cloud"][data-fokus] #taps>#tap-cloud .tap-leader,[data-active="cloud"][data-fokus] #taps>#tap-cloud .anchor-dot,[data-active="cloud"][data-fokus] #taps>#tap-cloud .leader-end,[data-active="cloud"][data-fokus] #taps>#tap-cloud .tap-icon,[data-active="cloud"][data-fokus] #taps>#tap-cloud .tap-label{opacity:1}
.is-booting .trace-glow{opacity:0}.is-booting #taps .anchor-dot,.is-booting .leader-feed .anchor-dot{opacity:0}
.tap-label--short{display:none}
@media(min-width:1440px){.tap-label{font-size:12.5px;letter-spacing:2.5px}}
@media(min-width:1220px) and (max-width:1439px){.tap-label--long{display:none}.tap-label--short{display:inline;font-size:15px;letter-spacing:2px}}
@media(min-width:768px) and (max-width:1219px){.tap-label{display:none}}
@media(min-width:0px) and (max-width:767px){.tap-label{display:none}.tap-icon{transform-box:view-box;transform:scale(2.4)}#tap-arbeitsplatz .tap-icon{transform-origin:325.095px 148px}#tap-netzwerk .tap-icon{transform-origin:455px 148px}#tap-security .tap-icon{transform-origin:582px 148px}#tap-beratung .tap-icon{transform-origin:720px 148px}#tap-support .tap-icon{transform-origin:857px 148px}#tap-cloud .tap-icon{transform-origin:990px 148px}}
@media(max-width:767px){.switch-stage{width:159.09%;margin-left:-28.18%;margin-top:-11.82%;margin-bottom:-11.14%}}
@media(prefers-reduced-motion:reduce){[data-switch-hero] *,[data-switch-hero] *:before{animation:none!important;transition:none!important}}.is-reduced-motion *{animation:none!important;transition:none!important}