
@font-face{font-family:'ArchivoNHX';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/archivo-latin-var.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/archivo-latin-var.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/jetbrains-mono-latin-var.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:500 700;font-display:swap;src:url('/fonts/source-serif-4-latin-var.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:500 700;font-display:swap;src:url('/fonts/source-serif-4-latin-italic-var.woff2') format('woff2')}
.nhx{background:#F3F2F2;color:#122A4C;font-family:'ArchivoNHX','Archivo','Archivo Fallback',system-ui,sans-serif;line-height:normal;min-height:100vh;overflow-x:hidden}
.nhx *{box-sizing:content-box}
.nhx [data-screen-label]{padding:0!important}
.nhx a{color:#122A4C;text-decoration:none}
.nhx a:hover{color:#F28C1E}
.nhx ::selection{background:#F28C1E;color:#122A4C}
.nhx h1,.nhx h2,.nhx h3,.nhx p{margin:0}
.nhx canvas{display:block}
@keyframes nh-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Laufband: die globale Regel für reduzierte Bewegung in style.css setzt
   animation-iteration-count auf 1. Das Band lief dadurch einmal durch und
   sprang danach zurück auf den Anfang. Hier hart auf Dauerlauf gesetzt. */
#nhx-marquee{animation-iteration-count:infinite!important;animation-fill-mode:none!important}
@keyframes nh-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes nh-tick{0%,100%{background:#F28C1E}50%{background:#122A4C}}
@keyframes nh-breathe{0%,100%{transform:rotate(var(--r,0deg)) translateY(0) scale(1)}50%{transform:rotate(calc(var(--r,0deg) + var(--rr,0.4deg))) translateY(var(--dy,-5px)) scale(1.012)}}
@keyframes nh-drift{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(26px,-32px) rotate(10deg)}66%{transform:translate(-20px,16px) rotate(-8deg)}}
.nhx-work-grid{max-width:1695px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,11fr);gap:80px;align-items:center}
.nhx-work-step{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding:28px 0;border-top:2px solid #122A4C}
.nhx-builder-window{min-width:0;border:2px solid #122A4C;border-radius:22px;background:#F3F2F2;box-shadow:12px 12px 0 #F28C1E;overflow:hidden}
.nhx-builder-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:2px solid #122A4C;min-width:0;background:#fff}
.nhx-builder-bar [data-nh="werkstatt-url"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx03,.bx03 *{box-sizing:border-box}
.bx03{--bx-accent:#F18F01;display:block;width:100%;min-width:0;padding:0!important;gap:0!important;font-family:'Archivo',sans-serif;color:#1E3044}
.nhx .bx03[data-nh="werkstatt"]{padding:0!important;gap:0!important}
.bx03-scale-wrap{position:relative;width:100%;min-height:240px}
.bx03-scale{position:absolute;left:0;top:0;width:980px;transform-origin:0 0}
.bx03-chassis{width:980px;padding:10px 10px 8px;border:1px solid rgba(146,166,196,.22);border-radius:16px;background:linear-gradient(180deg,#111B2D,#0B1322);box-shadow:18px 18px 0 #F18F01,0 30px 80px rgba(15,25,45,.25)}
.bx03-chrome{height:46px;display:flex;align-items:center;gap:14px;padding:0 8px}
.bx03-leds{display:flex;align-items:center;gap:7px;padding-left:4px}
.bx03-leds i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}
.bx03-leds i:first-child{color:#45C98A;background:#45C98A;animation:bx-pulse 2.8s ease-in-out infinite}
.bx03-leds i:nth-child(2){color:#F18F01;background:#F18F01;animation:bx-blinkFast .5s steps(1) infinite}
.bx03-leds i:last-child{color:#31405C;background:#31405C}
.bx03-address{flex:1;display:flex;justify-content:center;align-items:center;min-width:360px;padding:6px 18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#060B14;color:#CFD9EA;font-family:'JetBrains Mono',monospace;font-size:12px}
.bx03-address>span{color:#55658A}.bx03-address>b{font-weight:500}.bx03-address>i{width:7px;height:14px;margin-left:2px;background:#F18F01;animation:bx-caret 1s steps(1) infinite}
.bx03-run{color:#8FA0B8;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;white-space:nowrap}
.bx03-canvas{position:relative;width:960px;height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0A0F1A}
.bx03-scene{position:absolute;inset:0;z-index:1;overflow:hidden}
.bx03-scanlines{position:absolute;inset:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}
.bx03-vignette{position:absolute;inset:0;z-index:41;pointer-events:none;background:radial-gradient(130% 110% at 50% -10%,transparent 62%,rgba(4,8,16,.26))}
.bx03-status{height:34px;display:flex;align-items:center;gap:14px;padding:0 8px}
.bx03-phase{min-width:132px;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;padding:4px 9px;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#CFD9EA;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;white-space:nowrap}
.bx03-phase i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#F18F01;animation:bx-pulse 1s ease-in-out infinite}
.bx03-phase[data-phase="audit"] i{background:#45C98A}.bx03-phase[data-phase="teardown"] i{background:#8FA0B8}
.bx03-ticker-mask{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bx03-ticker{display:inline-flex;white-space:nowrap;animation:bx-marquee 36s linear infinite}
.bx03-ticker span{padding-right:40px;color:#7E8CA6;font-family:'JetBrains Mono',monospace;font-size:10px}
.bx03-stats{color:#8FA0B8;font-family:'JetBrains Mono',monospace;font-size:10px;white-space:nowrap}
.bx03-progress{height:3px;margin:0 2px 2px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.07)}
.bx03-progress i{display:block;width:0;height:100%;border-radius:3px;background:linear-gradient(90deg,#F18F01,#FFB84D);transition:width .18s linear}
.bx03-grid{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(120,150,200,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,200,.07) 1px,transparent 1px);background-size:40px 40px;animation:bx-gridPan 4s linear infinite}
.bx03-rain{position:absolute;top:0;bottom:0;z-index:2;width:14px;overflow:hidden;color:#7EA0D8;font-family:'JetBrains Mono',monospace;font-size:9.5px;line-height:13px;white-space:pre;opacity:.16;animation:bx-rain 8s linear infinite}
.bx03-rain:nth-of-type(even){color:#F18F01}
.bx03-brief{position:absolute;z-index:5;left:160px;right:160px;top:50%;min-height:170px;transform:translateY(-50%);color:#CFD9EA;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:2.1;white-space:pre-wrap}
.bx03-brief::after{content:"▮";color:#F18F01;animation:bx-caret .9s steps(1) infinite}
.bx03-compile{position:absolute;z-index:5;inset:26px 26px 22px;display:flex;gap:26px}
.bx03-terminal{width:300px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#B9C6DA;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.75}
.bx03-terminal span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx03-terminal .is-ok{color:#45C98A}.bx03-terminal .is-command{color:#F18F01}.bx03-terminal .is-hex{color:#55658A}
.bx03-gauge-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}
.bx03-gauge{width:170px;height:170px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#F18F01 0deg,rgba(255,255,255,.07) 0);box-shadow:0 0 44px rgba(241,143,1,.16)}
.bx03-gauge>div{width:134px;height:134px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:50%;background:#0A0F1A;color:#fff;font-family:'JetBrains Mono',monospace}
.bx03-gauge b{font-size:38px}.bx03-gauge span{font-size:16px;color:#8FA0B8}.bx03-gauge small{flex-basis:100%;margin-top:-34px;text-align:center;color:#7E8CA6;font-size:9.5px}
.bx03-gauge-wrap>strong{color:#F18F01;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3em}.bx03-gauge-wrap>small{color:#7E8CA6;font-family:'JetBrains Mono',monospace;font-size:10px}
.bx03-modules{width:250px}.bx03-modules>label{display:block;margin-bottom:10px;color:#7E8CA6;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em}
.bx03-modules>div{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#C6D2E6;font-family:'JetBrains Mono',monospace;font-size:10.5px}
.bx03-modules>div span{padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx03-modules>div i{color:#7E8CA6;font-style:normal;animation:bx-fadeOut .15s var(--d) both}.bx03-modules>div b{color:#45C98A;opacity:0;animation:bx-fadeIn .2s var(--d) both}
.bx03-blueprint{position:absolute;inset:0;z-index:5}
.bx03-wire{position:absolute;border:1.5px solid rgba(241,143,1,.75);border-radius:4px;background:rgba(241,143,1,.05);transform-origin:left center;animation:bx-wireIn .4s ease both}
.bx03-wire b{position:absolute;left:-1px;top:-1px;padding:2px 7px;background:#F18F01;color:#0B101B;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.08em}.bx03-wire span{position:absolute;right:8px;bottom:4px;color:rgba(241,143,1,.85);font-family:'JetBrains Mono',monospace;font-size:9px}
.bx03-family-stamp{position:absolute;left:50%;top:44%;padding:8px 22px;border:3px solid rgba(241,143,1,.9);border-radius:6px;background:rgba(10,15,26,.8);box-shadow:0 0 0 4px rgba(241,143,1,.14);color:#F18F01;font-size:28px;font-weight:900;letter-spacing:.08em;transform:translateX(-50%);animation:bx-stamp .5s cubic-bezier(.2,1.4,.3,1) 1.15s both}
.bx03-render-scene{background:#0A0F1A}.bx03-site{position:absolute;inset:0;overflow:hidden;background:var(--site-bg);color:var(--site-ink);font-family:'Archivo',sans-serif}
.bx03-zone{position:absolute;opacity:0;animation:bx-zoneIn .68s cubic-bezier(.25,.8,.25,1) both}
.bx03-site-nav{height:100%;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1.5px solid color-mix(in srgb,var(--site-ink) 15%,transparent);color:var(--site-ink)}
.bx03-site-nav.is-ghost{border:1px solid rgba(255,255,255,.16);border-radius:min(var(--site-radius),12px);background:rgba(6,9,14,.32);color:#fff;backdrop-filter:blur(5px)}
.bx03-site-mark{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:min(var(--site-button-radius),8px);background:var(--site-accent);color:var(--site-button-ink);font-family:'JetBrains Mono',monospace;font-size:13px;font-style:normal;font-weight:700}
.bx03-site-nav>strong{font-size:16px;white-space:nowrap}.bx03-site-nav>i{flex:1}.bx03-site-nav>em{flex:1;max-width:300px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);border-radius:8px;background:var(--site-bg);color:var(--site-sub);font-family:'JetBrains Mono',monospace;font-size:11px;font-style:normal}
.bx03-site-nav nav{display:flex;align-items:center;gap:20px}.bx03-site-nav nav span{color:var(--site-sub);font-size:12.5px;font-weight:600}.bx03-site-nav.is-ghost nav span{color:rgba(255,255,255,.82)}.bx03-site-nav nav .is-active{color:var(--site-accent)}
.bx03-site-nav>small{padding:6px 10px;border:1px solid color-mix(in srgb,var(--site-ink) 16%,transparent);border-radius:6px;color:var(--site-sub);font-family:'JetBrains Mono',monospace;font-size:10px}
.bx03-site-button{display:inline-flex;align-items:center;padding:9px 16px;border-radius:var(--site-button-radius);background:var(--site-accent);color:var(--site-button-ink);font-size:12.5px;font-weight:700;white-space:nowrap}
.bx03-site-hero{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;padding-right:10px}.bx03-site-hero.is-centered{align-items:center;padding:0;text-align:center}
.bx03-site-hero>small,.bx03-site-panel>small,.bx03-site-headline>small,.bx03-site-tile>small,.bx03-site-banner small{color:var(--site-accent);font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.bx03-site-hero>strong,.bx03-site-panel>strong,.bx03-site-headline>strong,.bx03-site-tile>strong,.bx03-site-banner strong{font-family:var(--site-font);font-size:calc(46px * var(--site-scale));font-style:var(--site-style);font-weight:var(--site-weight);letter-spacing:var(--site-tracking);line-height:1.02;text-transform:var(--site-transform)}
.bx03-site-hero p,.bx03-site-panel p,.bx03-site-headline p{max-width:92%;margin:0;color:var(--site-sub);font-size:13.5px;line-height:1.55}.bx03-site-hero>div{display:flex;align-items:center;gap:14px}.bx03-site-hero>div>span{font-size:12.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bx03-site-panel{height:100%;display:flex;flex-direction:column;justify-content:center;gap:11px;padding:22px 24px;border:1px solid rgba(255,255,255,.16);border-radius:var(--site-radius);background:rgba(8,11,17,.55);color:#fff;backdrop-filter:blur(8px)}.bx03-site-panel p{color:rgba(255,255,255,.8)}.bx03-site-panel>strong{font-size:calc(34px * var(--site-scale))}
.bx03-site-headline{height:100%;display:flex;flex-direction:column;gap:12px}.bx03-site-headline>strong{font-size:calc(58px * var(--site-scale))}.bx03-site-headline>div{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto;padding-bottom:8px;border-bottom:2px solid var(--site-ink);font-family:'JetBrains Mono',monospace;font-size:10px}.bx03-site-headline>div span{color:var(--site-sub)}.bx03-site-headline>div b{color:var(--site-accent)}
.bx03-site-tile,.bx03-site-feature,.bx03-site-product{height:100%;border:var(--site-border) solid color-mix(in srgb,var(--site-ink) 14%,transparent);border-radius:var(--site-radius);background:var(--site-card);box-shadow:0 10px 26px rgba(20,30,50,.06)}
.bx03-site-tile{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px}.bx03-site-tile>strong{font-size:calc(30px * var(--site-scale))}.bx03-site-tile>b{color:var(--site-accent);font-size:12.5px}
.bx03-site-cta{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px;border-radius:var(--site-radius);background:var(--site-ink);color:var(--site-bg)}.bx03-site-cta>small{color:var(--site-bright);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em}.bx03-site-cta>strong{font-size:24px;line-height:1.05}
.bx03-site-feature{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px}.bx03-site-feature small,.bx03-site-column small,.bx03-site-stack small{color:var(--site-accent);font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.15em}.bx03-site-feature strong,.bx03-site-column strong{font-size:15px}.bx03-site-feature p,.bx03-site-column p{margin:0;color:var(--site-sub);font-size:12px;line-height:1.45}
.bx03-site-stack{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.bx03-site-stack>div{padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:min(var(--site-radius),12px);background:rgba(8,11,17,.5);color:#fff;backdrop-filter:blur(6px)}.bx03-site-stack strong{display:block;margin-top:2px;font-size:12.5px}
.bx03-site-column{height:100%;display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1.5px solid color-mix(in srgb,var(--site-ink) 14%,transparent)}
.bx03-site-rail{height:100%;display:flex;flex-direction:column;padding:24px 20px;border-right:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);background:var(--site-card)}.bx03-site-rail>strong{margin:-22px 0 0 36px;font-size:15px}.bx03-site-rail nav{display:flex;flex-direction:column;gap:14px;margin-top:30px}.bx03-site-rail nav span{padding-left:10px;color:var(--site-sub);font-size:13.5px;font-weight:600}.bx03-site-rail nav .is-active{border-color:var(--site-accent);color:var(--site-accent);font-weight:800}.bx03-site-rail>small{margin-top:auto;color:var(--site-sub);font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}.bx03-site-rail>b{margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:12.5px}
.bx03-site-media,.bx03-site-banner,.bx03-site-product>div:first-child{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--site-radius);background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))}
.bx03-site-media img,.bx03-site-banner img,.bx03-site-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.3) contrast(1.05);animation:bx-develop 1.3s ease .25s both}
.bx03-duotone{position:absolute;inset:0;background:linear-gradient(135deg,var(--site-accent),var(--site-accent2));mix-blend-mode:color;opacity:.5}
.bx03-site-media>span,.bx03-site-banner>span{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:4px;background:rgba(6,9,14,.55);color:#fff;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
.bx03-motif-diagonal{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 2px,transparent 2px 14px),linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important}.bx03-motif-bogen{background:radial-gradient(140% 100% at 50% 108%,var(--site-accent) 0 46%,transparent 46.5%),linear-gradient(180deg,var(--site-accent2),var(--site-accent))!important}.bx03-motif-kreis{background:radial-gradient(circle at 68% 32%,var(--site-accent) 0 26%,transparent 26.5%),linear-gradient(160deg,var(--site-accent2),var(--site-accent))!important}.bx03-motif-streifen{background:repeating-linear-gradient(90deg,var(--site-accent) 0 34px,var(--site-accent2) 34px 68px)!important}.bx03-motif-punkte{background:radial-gradient(var(--site-accent) 1.6px,transparent 1.7px),var(--site-accent2)!important;background-size:18px 18px!important}
.bx03-site-banner>div{position:absolute;left:22px;top:50%;z-index:2;max-width:420px;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}.bx03-site-banner strong{color:#fff;font-size:calc(30px * var(--site-scale))}
.bx03-site-product{overflow:hidden;display:flex;flex-direction:column}.bx03-site-product>div:first-child{height:104px;border-radius:0}.bx03-site-product>strong{padding:12px 14px 0;font-size:14px}.bx03-site-product>p{display:flex;align-items:center;justify-content:space-between;margin:auto 0 0;padding:0 14px 12px}.bx03-site-product>p b{color:var(--site-accent);font-family:'JetBrains Mono',monospace;font-size:12px}.bx03-site-product>p span{padding:5px 10px;border:1px solid color-mix(in srgb,var(--site-ink) 24%,transparent);border-radius:var(--site-button-radius);font-size:11.5px;font-weight:700}
.bx03-site-strip{height:100%;display:flex;align-items:center;justify-content:space-around;gap:8px;border-top:1.5px solid color-mix(in srgb,var(--site-ink) 14%,transparent)}.bx03-site-strip span{color:var(--site-sub);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.bx03-site-strip i{color:var(--site-accent);font-style:normal}
.bx03-render-cover{position:absolute;inset:0;z-index:20;background:#0A0F1A;pointer-events:none;animation:bx-fadeOut .5s ease both}.bx03-render-beam{position:absolute;z-index:25;left:0;right:0;height:110px;pointer-events:none;border-bottom:2px solid rgba(255,205,110,.85);background:linear-gradient(180deg,transparent,rgba(241,143,1,.1) 70%,rgba(255,200,90,.32) 97%,transparent);animation:bx-beam linear both}
.bx03-audit{position:absolute;z-index:30;top:0;right:0;bottom:0;width:340px;display:flex;flex-direction:column;padding:22px 22px 18px 80px;background:linear-gradient(90deg,rgba(7,11,19,0),rgba(7,11,19,.93) 22%);color:#DFE7F4;animation:bx-fadeIn .35s both}.bx03-audit>small{color:#F18F01;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.2em}.bx03-audit>em{margin-top:4px;color:#7E8CA6;font-family:'JetBrains Mono',monospace;font-size:10px;font-style:normal}.bx03-checks{margin-top:14px}.bx03-checks p{display:flex;justify-content:space-between;margin:0;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:'JetBrains Mono',monospace;font-size:11px;animation:bx-rowIn .35s var(--d) both}.bx03-checks b{color:#45C98A}.bx03-audit>label{margin:16px 0 8px;color:#7E8CA6;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em}.bx03-package{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bx03-package p{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.03);animation:bx-chipIn .4s var(--d) both}.bx03-package b{color:#F18F01;font-family:'JetBrains Mono',monospace;font-size:10px}.bx03-package span{font-size:11.5px;font-weight:600}.bx03-audit footer{margin-top:auto;color:#7E8CA6;font-family:'JetBrains Mono',monospace;font-size:9.5px}
.bx03-render-scene.is-teardown .bx03-zone{animation:bx-zoneOut .55s cubic-bezier(.5,0,.8,.4) var(--out-delay) both}.bx03-teardown-curtain{position:absolute;inset:0;z-index:20;background:#0A0F1A;opacity:0;animation:bx-fadeIn .6s ease .55s both}
.bx03-glitch{position:absolute;inset:0;z-index:45;pointer-events:none}.bx03-glitch i{position:absolute;left:0;right:0;background:rgba(255,255,255,.06);animation:bx-glitch .38s linear both}.bx03-glitch i:first-child{top:28%;height:18px}.bx03-glitch i:last-child{top:64%;height:10px;animation-delay:.06s}
@keyframes bx-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes bx-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes bx-blinkFast{0%,49%{opacity:1}50%,100%{opacity:.12}}
@keyframes bx-marquee{to{transform:translateX(-50%)}}
@keyframes bx-rain{to{transform:translateY(-50%)}}
@keyframes bx-gridPan{from{background-position:0 0,0 0}to{background-position:0 40px,40px 0}}
@keyframes bx-fadeIn{from{opacity:0}to{opacity:1}}
@keyframes bx-fadeOut{from{opacity:1}to{opacity:0}}
@keyframes bx-zoneIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(12px)}55%{opacity:1;clip-path:inset(0)}100%{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes bx-zoneOut{to{opacity:0;transform:translate(var(--out-x),var(--out-y)) rotate(var(--out-r)) scale(.9)}}
@keyframes bx-wireIn{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes bx-beam{from{top:-16%}to{top:106%}}
@keyframes bx-stamp{0%{opacity:0;transform:translateX(-50%) rotate(-8deg) scale(2.6)}55%{opacity:1;transform:translateX(-50%) rotate(-8deg) scale(.94)}75%{transform:translateX(-50%) rotate(-8deg) scale(1.05)}100%{opacity:1;transform:translateX(-50%) rotate(-8deg) scale(1)}}
@keyframes bx-rowIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@keyframes bx-chipIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes bx-glitch{0%{opacity:0;transform:none}12%{opacity:1;transform:translateX(-7px)}26%{transform:translateX(5px)}40%{opacity:0;transform:none}58%{opacity:.65;transform:translateX(3px)}70%,100%{opacity:0}}
@keyframes bx-develop{from{opacity:.3;filter:grayscale(1) blur(16px) contrast(1.15);transform:scale(1.07)}to{opacity:1;filter:grayscale(0) blur(0) contrast(1.03);transform:scale(1)}}
.bx04,.bx04 *{box-sizing:border-box}
.bx04{display:block;width:100%;min-width:0;padding:0!important;font-family:'Archivo',sans-serif;color:#1E3044}
.bx04-wrap{position:relative;width:100%;min-height:240px}
.bx04-scale{position:absolute;left:0;top:0;width:980px;transform-origin:0 0}
.bx04-chassis{width:980px;padding:10px 10px 8px;border:1px solid rgba(146,166,196,.22);border-radius:16px;background:linear-gradient(180deg,#111B2D,#0B1322);box-shadow:18px 18px 0 #F18F01,0 30px 80px rgba(15,25,45,.25)}
.bx04-chrome{height:46px;display:flex;align-items:center;gap:14px;padding:0 8px}
.bx04-address-wrap{flex:1;display:flex;justify-content:center}
.bx04-address{min-width:360px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:6px 18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#060B14;color:#CFD9EA;font-family:'JetBrains Mono',monospace;font-size:12px}
.bx04-address span{color:#55658A}.bx04-address b{font-weight:600}.bx04-address i{width:1px;height:14px;margin-left:1px;background:#F18F01;animation:bx-caret .8s steps(1) infinite}
.bx04-run{color:#8FA0B8;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;white-space:nowrap}
.bx04-canvas{position:relative;width:960px;height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0A0F1A}
.bx04-scanlines{position:absolute;inset:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}
.bx04-vignette{position:absolute;inset:0;z-index:41;pointer-events:none;background:radial-gradient(130% 110% at 50% -10%,transparent 62%,rgba(4,8,16,.26))}
.bx04-status{height:34px;display:flex;align-items:center;gap:14px;padding:0 8px}
.bx04-stats{color:#8FA0B8;font-family:'JetBrains Mono',monospace;font-size:10px;white-space:nowrap}
.bx04-progress{height:3px;margin:0 2px 2px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.07)}
@keyframes bx-zoneUp{0%{clip-path:inset(100% 0 0 0);transform:translateY(26px)}100%{clip-path:inset(0);transform:translateY(0)}}
@keyframes bx-zonePop{0%{opacity:0;transform:scale(.86)}60%{opacity:1;transform:scale(1.02)}100%{opacity:1;transform:scale(1)}}
@keyframes bx-zoneOut{to{opacity:0;transform:translate(var(--ox,0),var(--oy,-60px)) rotate(var(--or,0deg)) scale(.9)}}
@keyframes bx-inFrom{from{opacity:0;transform:translate(var(--ix,0),var(--iy,40px)) rotate(var(--ir,0deg))}to{opacity:1;transform:translate(0) rotate(0)}}
@keyframes bx-material{from{opacity:.12;transform:scale(.965)}to{opacity:1;transform:scale(1)}}
@keyframes bx-cutIn{from{opacity:0}to{opacity:1}}
@keyframes bx-cutFlash{0%{opacity:0}10%{opacity:.85}34%,100%{opacity:0}}
@keyframes bx-panY{to{transform:translateY(var(--panY,0))}}
@keyframes bx-zoomIn{from{transform:translate(var(--zx,0),var(--zy,0)) scale(.22);opacity:.6}to{transform:translate(0) scale(1);opacity:1}}
@keyframes bx-clipReveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes bx-outSlide{to{transform:translateX(-106%) skewX(-2deg);opacity:.6}}
@keyframes bx-outZoom{to{transform:scale(.86);opacity:0;filter:blur(10px)}}
@keyframes bx-outUp{to{transform:translateY(-106%);opacity:.7}}
@keyframes bx-outMini{to{transform:translate(-352px,196px) scale(.15);opacity:0;border-radius:22px}}
@keyframes bx-outTumble{to{transform:translate(var(--ox,-140px),var(--oy,170px)) rotate(var(--or,-8deg)) scale(.78);opacity:0}}
@keyframes bx-swatchIn{from{opacity:0;transform:translateY(14px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bx-flash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.nhx-hero-inner,.nhx-section-inner,.nhx-poster-inner,.nhx-contact-inner,.nhx-contact-form{box-sizing:border-box}
.nhx-hero-inner,.nhx-section-inner,.nhx-poster-inner,.nhx-contact-inner,.nhx-contact-form{box-sizing:border-box}
@media (max-width:1050px){.nhx-work-grid{grid-template-columns:1fr;gap:56px}.nhx-builder-window{width:min(760px,calc(100% - 14px))}}
@media (max-width:900px){
  /* Streuquadrate der Hero-Parallaxe legen sich auf schmalen Schirmen über
     die Schlagzeile und ragen rechts aus dem Sichtfeld. Auf Mobil aus. */
  #nhx-parallax{display:none!important}
  .nhx-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
  .nhx-services-grid>div{margin-top:0!important}
  .nhx-poster-inner{padding:86px 28px 94px!important}
  .nhx-contact-inner{padding:80px 28px 96px!important}
  /* Laufband: auf kleinen Geraeten kurze Spur. Die volle Spur ist rund
     29.700 px breit und sprengt die Ebenengrenze mobiler Browser,
     die Animation friert dann ein. */
  #nhx-marquee{animation-duration:26s!important;will-change:auto!important}
  #nhx-marquee>div{gap:26px!important;padding-right:26px!important;font-size:15px!important;letter-spacing:.06em!important}
  #nhx-marquee>div>span:nth-child(n+17){display:none!important}
}
@media (max-width:640px){.nhx-work-grid{padding:64px 20px;gap:42px}.nhx-work-step{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:22px 0}.nhx-work-step>div:first-child{font-size:50px!important}.nhx-work-step h3{font-size:21px!important}.nhx-builder-window{box-shadow:7px 7px 0 #F28C1E;width:calc(100% - 9px)}.nhx-builder-bar{padding:11px 12px;gap:6px}.nhx-builder-bar [data-nh="werkstatt-url"]{margin-left:8px!important;font-size:11px!important}.nhx [data-nh="werkstatt"]{padding:12px!important;gap:7px!important}}
@media (max-width:640px){
  .nhx-hero-inner{padding:108px 20px 0!important}
  .nhx-hero-badge{display:flex!important;width:100%!important;padding:8px 12px!important;font-size:12px!important;line-height:1.25!important;box-sizing:border-box}
  .nhx-hero-title{margin-top:32px!important;font-size:clamp(26px,9.6vw,72px)!important}
  .nhx-hero-title>span{max-width:100%;box-sizing:border-box;white-space:nowrap}
  .nhx-hero-w1{display:block}
  .nhx-hero-w2{white-space:nowrap}
  .nhx-hero-title>span:nth-child(2),.nhx-hero-title>span:nth-child(3){margin-left:0!important}
  .nhx-hero-title>span:nth-child(3){-webkit-text-stroke-width:1.5px!important}
  .nhx-hero-bottom{display:block!important;margin:40px 0 52px!important}
  .nhx-hero-copy{font-size:18px!important;line-height:1.5!important}
  .nhx-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:28px}
  .nhx-hero-actions>a,.nhx-poster-actions>a,.nhx-submit{width:100%!important;justify-content:space-between!important;padding:16px 18px!important;box-sizing:border-box}
  .nhx-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nhx-stats-grid>div{min-width:0!important;padding:22px 12px 26px!important;border-right:0!important;border-bottom:2px solid #122A4C}
  .nhx-stats-grid>div:nth-child(odd){border-right:2px solid #122A4C!important;padding-left:0!important}
  .nhx-stats-grid>div:nth-child(even){padding-right:0!important}
  .nhx-stats-grid>div:nth-child(n+3){border-bottom:0}
  .nhx-stats-grid>div>div:first-child{font-size:42px!important}
  .nhx-stats-grid>div>div:last-child{font-size:12px!important;line-height:1.35!important}
  .nhx-section-inner{padding:64px 20px!important}
  .nhx-section-lead{margin:20px 0 40px!important;font-size:17px!important}
  .nhx-services-grid{grid-template-columns:1fr!important;gap:0!important}
  .nhx-services-grid>div{padding:24px 0 28px!important}
  .nhx-services-grid h3{font-size:25px!important}
  .nhx-poster-inner{padding:72px 20px 80px!important}
  .nhx-poster-title{font-size:clamp(32px,10.5vw,50px)!important}
  .nhx-poster-title>span{max-width:100%;box-sizing:border-box}
  .nhx-poster-title>span:nth-child(2){margin-left:0!important}
  .nhx-poster-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:40px!important}
  .nhx-contact-inner{padding:64px 20px 88px!important}
  .nhx-contact-lead{margin:20px 0 36px!important;font-size:17px!important}
  .nhx-contact-form{padding:24px 20px!important;box-shadow:7px 7px 0 #F28C1E!important}
  .nhx-form-grid{grid-template-columns:1fr!important;gap:18px!important}
}
/* 23.08.2026 entfernt: content-visibility auf Abschnitten und Fußzeile.
   Die Platzhaltergröße (900 px je Abschnitt, 1400 px Fußzeile) traf die
   echten Höhen nicht (gemessen 499 bis 1419 px), die Dokumenthöhe wuchs
   während des Scrollens von 7.148 auf 7.605 px. Safari auf dem iPhone
   korrigiert den Scrollstand dabei nicht mit und zeigt unter der Fusszeile
   eine leere Flaeche. Der Gewinn war ein Bruchteil einer Bildfolge. */
@media (max-width:380px){
  .nhx-hero-title{font-size:9.6vw!important}
  .nhx-hero-copy{font-size:17px!important}
  .nhx-work-step{grid-template-columns:56px minmax(0,1fr);gap:10px}
  .nhx-work-step>div:first-child{font-size:42px!important}
}

.nhx-float{will-change:translate,rotate}
.nhx-blink-dot{color:#122A4C}
/* Leistungs-Globus */
/* Durchgehender Sternenhimmel auch bei opaker Canvas-Darstellung. */
.nh-globe-section.nh-gm-sky .nh-globe-inner{z-index:auto}
.nh-globe-section.nh-gm-sky .nh-globe-head{position:relative}
.nh-globe-section.nh-gm-sky .nh-gm-stage{background:transparent}
.nh-globe-section.nh-gm-sky canvas{background:transparent;mix-blend-mode:screen}

.nhx .nh-globe-section,.nhx .nh-globe-section *{box-sizing:border-box}
.nh-globe-section{--globe-accent:oklch(0.82 0.13 172);--globe-text:#F3F2F2;position:relative;overflow:hidden;border-bottom:2px solid #122A4C;background:radial-gradient(120% 80% at 50% 8%,oklch(0.205 0.022 252) 0%,oklch(0.145 0.016 252) 62%);color:var(--globe-text);isolation:isolate}
.nh-globe-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.nh-globe-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:72px 32px 84px}
.nh-globe-head{display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;text-align:center}
.nh-globe-kicker{display:inline-flex;align-items:center;color:oklch(0.66 0.035 250);font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.nh-globe-kicker:before{display:none}
.nh-globe-title{margin:14px 0 0!important;color:var(--globe-text);font-size:clamp(30px,4.6vw,56px);font-weight:600;letter-spacing:-.025em;line-height:1.02;text-transform:none}
/* Der Globus wird erst beim Heranscrollen aufgebaut. Ohne reservierte Höhe
   wuchs der Abschnitt dabei um 488 px und schob das Dokumentende nach unten,
   was auf dem iPhone eine leere Fläche unter der Fußzeile hinterließ. */
.nh-globe-mount{width:100%;max-width:1060px;min-height:720px;margin:14px auto 0}
.nh-globe-mount a:focus-visible,.nh-globe-mount button:focus-visible{outline:2px solid var(--globe-accent);outline-offset:3px}
.nh-globe-fallback{margin:52px auto 0;color:#C4CDD5;text-align:center}
/* Leistungs-Globus 3D, 28.09.2026 (claude-web) */
.nh-g3{max-width:1060px;margin:28px auto 0;color:#F3F2F2}
.nh-g3 *,.nh-g3 *:before{box-sizing:border-box}
.nh-g3:not(.is-3d){min-height:calc(max(520px,min(86vh,880px)) + 22px)}
@media (max-width:640px){.nh-g3:not(.is-3d){min-height:calc(max(460px,74vh) + 22px)}}
.nh-g3-sr,.nh-g3 .nh-g3-list{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0}
.nh-g3-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.nh-g3-list li{margin:0;list-style:none}.nh-g3-list li:before{display:none}
.nh-g3-list a{display:inline-block;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.06);color:#EEF1F4;font-size:14px;text-decoration:none}
.nh-g3-ui{display:flex;flex-direction:column;align-items:center;gap:16px}
.nh-g3-search{position:relative;display:block;width:min(100%,580px)}
.nh-g3-search svg{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:oklch(0.72 0.03 250);stroke-width:2;stroke-linecap:round;pointer-events:none}
.nh-g3-search input{width:100%;margin:0;padding:15px 20px 15px 50px;border:0;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#F3F2F2;font:inherit;font-size:16px;line-height:1.3;outline:0;-webkit-appearance:none;appearance:none}
.nh-g3-search input::placeholder{color:oklch(0.68 0.03 250)}
.nh-g3-search input:focus{box-shadow:inset 0 0 0 2px #3ed6b3;background:rgba(255,255,255,.1)}
.nh-g3-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.nh-g3-chips button{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);color:#DDE2E7;font:500 11.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.nh-g3-chips button:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc)}
.nh-g3-chips button span{opacity:.55;letter-spacing:.04em}
.nh-g3-chips button:hover{background:rgba(255,255,255,.1)}
.nh-g3-chips button[aria-pressed="true"]{background:var(--pc);color:#07101a;box-shadow:none}
.nh-g3-chips button[aria-pressed="true"]:before{background:#07101a}
.nh-g3-chips button:focus-visible,.nh-g3-res a:focus-visible,.nh-g3-card a:focus-visible{outline:2px solid #3ed6b3;outline-offset:3px}
.nh-g3-subs{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;min-height:0}
.nh-g3-subs:empty{display:none}
.nh-g3-subs button{margin:0;padding:7px 12px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pc) 45%,transparent);color:#DDE2E7;font:500 13px/1.1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s}
.nh-g3-subs button span{opacity:.55;margin-left:6px;font-size:12px}
.nh-g3-subs button:hover{background:color-mix(in oklab,var(--pc) 16%,transparent)}
.nh-g3-subs button[aria-pressed="true"]{background:var(--pc);color:#07101a;box-shadow:none}
.nh-g3-subs button:focus-visible{outline:2px solid #3ed6b3;outline-offset:3px}
.nh-g3-stage{position:relative;margin-top:6px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.nh-g3-stage canvas{display:block;width:100%;cursor:grab}
.nh-g3-stage.is-drag canvas{cursor:grabbing}
.nh-g3-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:0 auto;max-width:640px;font-size:15px;text-align:center}
.nh-g3-card strong{font-weight:650;color:#fff}
.nh-g3-dot{width:10px;height:10px;border-radius:50%}
.nh-g3-cat{color:oklch(0.72 0.03 250);font-size:13px}
.nh-g3-card a{padding:8px 16px;border-radius:999px;background:#3ed6b3;color:#07101a;font-weight:650;font-size:14px;text-decoration:none}
.nh-g3-hint{color:oklch(0.68 0.03 250);font-size:14px}
.nh-g3-res{max-width:900px;margin:10px auto 0;text-align:center}
.nh-g3-rhead{margin:0 0 12px;color:oklch(0.74 0.03 250);font-size:14px}
.nh-g3-rhead a{color:#3ed6b3;text-decoration:underline;text-underline-offset:3px}
.nh-g3-res ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.nh-g3-res li{margin:0;list-style:none}.nh-g3-res li:before{display:none}
.nh-g3-res a{display:inline-block;padding:8px 14px;border-radius:999px;background:color-mix(in oklab,var(--pc) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pc) 50%,transparent);color:#EEF1F4;font-size:14px;text-decoration:none;transition:background .2s,color .2s}
.nh-g3-res a:hover{background:var(--pc);color:#07101a}
@media(max-width:700px){.nh-g3-chips button{padding:8px 11px;font-size:10.5px}.nh-g3-card{font-size:14px}}
@media (max-width:900px){
  .nh-globe-inner{padding:82px 24px 90px}
  .nh-globe-mount{display:block!important;min-height:calc(min(100vw - 48px, 560px) + 139px);padding:40px 0 0!important}
  .nh-globe-mount>div:first-child{width:min(100%,560px)!important;min-width:0!important;margin:0 auto!important}
  .nh-globe-mount>div:nth-child(2){position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:9px!important;margin:28px auto 0!important;pointer-events:auto!important}
  .nh-globe-mount>div:nth-child(2)>button{position:static!important;transform:none!important}
}
@media (max-width:560px){
  .nh-globe-inner{padding:72px 16px 80px}
  .nh-globe-title{font-size:clamp(36px,12vw,56px)}
  .nh-globe-mount{min-height:calc(100vw - 32px + 155px);margin-top:8px;padding-top:28px!important}
  .nh-globe-mount>div:first-child{min-width:0!important}
  .nh-globe-mount>div:nth-child(2)>button{padding:8px 11px!important;font-size:9.5px!important}
}
