/* Eigenständiger zweiter Zitzschennet-Entwurf: feste Vektorgrafik statt Video. */
.hero--network{background:radial-gradient(ellipse at 82% 45%,#432628 0,#1c2022 43%,#111619 78%);isolation:isolate}
.network-visual{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.network-svg{position:absolute;width:74%;height:116%;right:-5%;top:-8%;overflow:visible}
.network-orbits{stroke:#b18273;stroke-opacity:.15;stroke-width:.8}
.network-orbits path{stroke-opacity:.5;stroke-dasharray:2 9}
.network-traces{stroke:url(#network-light);stroke-width:1;stroke-opacity:.36}
.network-flows{stroke:#ffd4b9;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:2 80;stroke-opacity:.88;filter:drop-shadow(0 0 5px #df735e)}
.network-halo{opacity:.38}
.network-node-rings{stroke:#eab398;stroke-width:1;stroke-opacity:.65}
.network-node-cores{fill:#ffe2cb;filter:drop-shadow(0 0 6px #ff9d78)}
.network-grid-points{fill:#c48677;opacity:.5}
.hero--network .hero-shade{background:linear-gradient(90deg,#111619 0,rgba(17,22,25,.94) 26%,rgba(17,22,25,.7) 45%,rgba(17,22,25,.08) 83%),linear-gradient(0deg,rgba(17,22,25,.42),transparent 44%);pointer-events:none}
.hero--network .hero-inner{z-index:1}
.hero--network .hero-text{color:#e4e4df}
.hero--network .hero-caption{color:#c7b8b1}
.hero--network .hero-rule{background:#b57d6a}
.network-toggle{position:absolute;z-index:2;right:34px;bottom:24px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #94766d;border-radius:50%;background:rgba(17,22,25,.82);color:#f5d5bd;box-shadow:0 4px 18px #0003;cursor:pointer;transition:background-color .18s,border-color .18s,box-shadow .18s}
.network-toggle:hover{background:#343035;border-color:#f0c5a5;box-shadow:0 0 0 4px #d6aa8d16,0 4px 18px #0003}
.network-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.network-toggle:active{background:#4b3b3b}
.network-toggle-icon{display:block;width:32px;height:32px;pointer-events:none}
.network-toggle-ring{opacity:.4}
.network-toggle-pause{display:none}
.hero--network[data-motion="running"] .network-toggle-play{display:none}
.hero--network[data-motion="running"] .network-toggle-pause{display:block}
.network-toggle[hidden]{display:none}
@media(max-width:1050px){.network-svg{width:88%;right:-14%}}
@media(max-width:600px){.network-svg{width:148%;height:95%;right:-64%;top:1%;opacity:.72}.hero--network .hero-shade{background:linear-gradient(90deg,rgba(17,22,25,.94),rgba(17,22,25,.84) 48%,rgba(17,22,25,.28)),linear-gradient(0deg,#111619,transparent 55%)}.hero--network .hero-inner{padding-bottom:94px}.network-toggle{right:20px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.network-toggle{transition:none}}
/* Kompakte Unterseiten: ausschließlich Hintergrundebenen, keine zusätzliche Höhe. */
.page-intro.hero--network{position:relative;overflow:hidden;color:#fff}
.page-intro.hero--network>.wrap{position:relative;z-index:1}
.page-intro.hero--network h1{color:#fff}
.page-intro.hero--network .eyebrow{color:#efc2b1;max-width:calc(100% - 64px)}
.page-intro.hero--network .lead{color:#e4e4df}
.page-intro.hero--network .security-sections a,.page-intro.hero--network .text-link{color:#f4c9b8}
.page-intro.hero--network .network-toggle{top:24px;right:24px;bottom:auto}
.page-intro.hero--network .network-toggle[hidden]{display:none}
@media(max-width:600px){.page-intro.hero--network .network-toggle{top:20px;right:20px}}