/* Nimbus IT 3.0 – Gesamterlebnis (nimbus-30.html, html.n30). Ergaenzt hall.css.
   Dramaturgie: Raum (Hero, Zusammenhaenge, Flug, Loesungsraum) -> Menschen (Fotos, kein Raum) -> Belege (Typografie, kein Raum)
   -> Nimbus (Raum, Wanddisplay) -> Abschluss (Raum vom Anfang) -> Vertiefung (redaktionell, ruhig).
   Original-Icons, Fotos und Komponenten bleiben; nur Anordnung und Gestaltung sind neu. */

html.n30 { --n-pad: clamp(18px, 5.6vw, 108px); --n-ink: #eef6f8; --n-mute: #a9c1cb; --n-c: #42d9ff; --n-c2: #35d4ff; --n-glass: rgba(3, 13, 21, .64); --n-line: rgba(53, 212, 255, .18); --n-warm: #121a1d; }
html.n30 body { background: #020b12; }
html.n30 .nimbus-scroll-progress, html.n30 .sig-seam { display: none !important; }
html.n30 .n30-cam { display: block; height: 0; pointer-events: none; }

/* Buehne: ein- und ausblenden statt Tapete */
html.n30.sw-live .sw-stage { transition: opacity .7s ease; }
html.n30.n30-stage-off .sw-stage { opacity: 0; }
html.n30.n30-stage-dip .sw-stage { opacity: 0; transition-duration: .3s; }
html.n30 .n30-layer { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
html.n30 .n30-wall { position: absolute; display: none; }
html.n30.n30-wall-on .n30-wall { display: block; }
html.n30 .n30-wall img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; filter: brightness(.8) saturate(.92); box-shadow: 0 0 70px rgba(53, 212, 255, .35); }
html.n30 .n30-wall span { position: absolute; left: 0; top: calc(100% + 8px); white-space: nowrap; padding: 4px 10px; border-radius: 999px; background: rgba(2, 11, 18, .78); border: 1px solid rgba(53, 212, 255, .35); font-size: 12px; color: #cfe0e7; }

/* Wiederkehrende Elemente */
html.n30 .n30-k { margin: 0 0 12px; font-size: 15px; font-weight: 600; color: var(--n-c); letter-spacing: 0; text-transform: none; }
html.n30 main h2 { letter-spacing: -.035em; }

/* ---------- Kapitel: Zusammenhaenge (#verantwortung) ---------- */
html.n30 .n30-disclaim { margin-top: 10px !important; font-size: 13px !important; color: #8fb2bf !important; }

/* ---------- Flug in den Loesungsraum ---------- */

/* ---------- Loesungsraum: im Gesamterlebnis kompakter ---------- */
html.n30 #nimbus-it { padding-bottom: clamp(60px, 9vh, 110px) !important; }
html.n30 .v3-voices--one { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
html.n30 .v3-voices__all { align-self: end; padding: 12px 16px; border: 1px solid var(--n-line); border-radius: 12px; color: #5bd7ff; font-weight: 600; text-decoration: none; white-space: nowrap; }
html.n30 .v3-talk--nophoto { grid-template-columns: 1fr; }

/* ---------- Kapitel: Menschen (#ansprechpartner) – echte Fotos, warmer Grund, keine Halle ---------- */
html.n30 .n30-people { position: relative; z-index: 2; padding: clamp(90px, 12vh, 140px) var(--n-pad) clamp(70px, 10vh, 120px); background: radial-gradient(1200px 600px at 75% 30%, #1b262a 0%, var(--n-warm) 45%, #0a1013 100%); }
html.n30 .n30-people__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(30px, 4vw, 80px); align-items: center; max-width: 1500px; }
html.n30 .n30-people .team-ed__lead .eyebrow { display: none; }
html.n30 .n30-people h2 { margin: 0 0 18px; font-size: clamp(36px, 3.6vw, 62px); line-height: 1.03; }
html.n30 .n30-people .team-ed__lead p { font-size: clamp(16px, 1.15vw, 19px); line-height: 1.6; color: #d8e3e7; max-width: 620px; }
html.n30 .n30-people .team-ed__bios { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 26px; }
html.n30 .n30-people .team-ed__bio { padding: 0; border: 0; background: none; }
html.n30 .n30-people .team-ed__bio h3 { margin: 0 0 4px; font-size: 18px; }
html.n30 .n30-people .team-ed__bio p { font-size: 14.5px; line-height: 1.55; color: #b9c9cf; }
html.n30 .n30-people .team-ed__faces { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: end; }
html.n30 .n30-people .team-ed__face { margin: 0; position: relative; }
html.n30 .n30-people .team-ed__face img { width: 100%; height: clamp(360px, 52vh, 560px); object-fit: cover; border-radius: 18px; display: block; filter: saturate(1.02); box-shadow: 0 30px 60px rgba(0, 0, 0, .35); }
html.n30 .n30-people .team-ed__face--1 { transform: translateY(40px); }
html.n30 .n30-people .team-ed__face figcaption { position: absolute; left: 14px; bottom: 14px; padding: 8px 12px; border-radius: 12px; background: rgba(10, 16, 19, .78); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 12.5px; color: #c9d6db; }
html.n30 .n30-people .team-ed__face figcaption strong { display: block; color: #fff; font-size: 15px; }
html.n30 .n30-people .team-ed__trust { max-width: 1500px; margin-top: clamp(60px, 9vh, 100px); padding: 0; border: 0; background: none; }
html.n30 .n30-people .team-ed__trust h3 { font-size: 15px; color: var(--n-c); font-weight: 600; margin: 0 0 14px; }
html.n30 .n30-people .team-ed__trust ul, html.n30 .n30-people .team-ed__trust > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
html.n30 .n30-people__more { max-width: 1500px; margin-top: 40px; opacity: .92; }

/* ---------- Kapitel: Belege (#referenzen, #partner) – grosse Typografie, keine Halle ---------- */
html.n30 .n30-proof { position: relative; z-index: 2; padding: clamp(100px, 13vh, 160px) var(--n-pad) clamp(70px, 10vh, 120px); background: #03080c; }
html.n30 .n30-proof__head { max-width: 760px; }
html.n30 .n30-proof__head h2 { margin: 0 0 12px; font-size: clamp(30px, 2.6vw, 44px); line-height: 1.08; }
html.n30 .n30-proof__head p { color: var(--n-mute); font-size: 16px; }
html.n30 .n30-proof .case-card { position: relative; margin: 0; padding: 0; border: 0 !important; background: none !important; box-shadow: none !important; }
html.n30 .n30-proof .case-icon { display: none; }
html.n30 .n30-proof__lead { margin: clamp(30px, 5vh, 56px) 0 clamp(40px, 6vh, 70px); max-width: 1180px; }
html.n30 .n30-proof__lead .case-card p { margin: 0 0 22px; font-size: clamp(26px, 2.5vw, 42px); line-height: 1.25; font-weight: 500; letter-spacing: -.02em; color: #fff; }
html.n30 .n30-proof__lead .case-card h3 { margin: 0; font-size: 18px; }
html.n30 .n30-proof__lead .case-sector { display: block; order: 3; color: var(--n-mute); font-size: 14.5px; }
html.n30 .n30-proof__lead .case-card { display: flex; flex-direction: column; }
html.n30 .n30-proof__lead .case-card p { order: 1; } html.n30 .n30-proof__lead .case-card h3 { order: 2; }
html.n30 .n30-proof__more { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 34px); padding-top: 34px; border-top: 1px solid rgba(255, 255, 255, .08); }
html.n30 .n30-proof__more .case-card { display: flex; flex-direction: column; }
html.n30 .n30-proof__more .case-card p { order: 1; margin: 0 0 14px; font-size: 14.5px; line-height: 1.6; color: #d3e0e5; }
html.n30 .n30-proof__more .case-card h3 { order: 2; margin: 0; font-size: 15px; }
html.n30 .n30-proof__more .case-sector { order: 3; font-size: 13px; color: var(--n-mute); }
html.n30 .n30-partner { margin-top: clamp(50px, 8vh, 90px); padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, .08); }
html.n30 .n30-partner .partners-v7-logos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
html.n30 .n30-partner .partners-v7-logos article { padding: 16px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .02); }
html.n30 .n30-partner .partners-v7-logos article > div { display: grid; place-items: center; height: 64px; border-radius: 10px; background: #fff; padding: 10px; }
html.n30 .n30-partner .partners-v7-logos img { max-height: 40px; width: auto; max-width: 100%; }
html.n30 .n30-partner h3 { margin: 12px 0 4px; font-size: 15px; }
html.n30 .n30-partner p { margin: 0; font-size: 13px; color: var(--n-mute); }
html.n30 .n30-partner .cybersicher-v7 { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 4px 22px; align-items: center; margin-top: 14px; padding: 16px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .08); }
html.n30 .n30-partner .cybersicher-v7 > div { grid-row: span 2; display: grid; place-items: center; height: 64px; border-radius: 10px; background: #fff; padding: 10px; }
html.n30 .n30-partner .cybersicher-v7 img { max-height: 40px; width: auto; }

/* ---------- Kapitel: Nimbus-Ausblick (#nimbus/#produkt) – Raum, Wanddisplay ---------- */
html.n30 .n30-nimbus { position: relative; z-index: 2; min-height: 100vh; padding: clamp(100px, 14vh, 160px) var(--n-pad) clamp(70px, 10vh, 120px) !important; background: transparent !important; }
html.n30 .n30-nimbus .one67-home-launch__glow { display: none; }
html.n30.sw-live .n30-nimbus .one67-home-launch__grid { display: flex; flex-direction: column; justify-content: flex-end; min-height: 72vh; }
html.n30.sw-live .n30-nimbus .one67-product-shot { display: none; }   /* echte Ausschnitte laufen auf dem Wanddisplay */
html.n30 .n30-nimbus .one67-home-launch__copy { max-width: 560px; padding: 24px 26px; border-radius: 18px; border: 1px solid var(--n-line); background: rgba(3, 13, 21, .7); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
html.n30 .n30-nimbus h2 { font-size: clamp(44px, 4vw, 72px) !important; letter-spacing: -.045em; }

/* ---------- Abschluss (#kontakt) – zurueck am Ringraum ---------- */
html.n30 .n30-contact { position: relative; z-index: 2; background: linear-gradient(90deg, rgba(2, 9, 15, .9) 0%, rgba(2, 9, 15, .62) 45%, rgba(2, 9, 15, .4) 100%) !important; }
html.n30 .n30-contact .contact-form { background: rgba(3, 13, 21, .72) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid var(--n-line) !important; border-radius: 20px !important; }

/* ---------- Vertiefung (#mehr) – redaktionell, ruhig ---------- */
html.n30 .n30-lib { position: relative; z-index: 2; padding: clamp(56px, 8vh, 88px) var(--n-pad) clamp(60px, 9vh, 100px); background: #040b10; }   /* Runde 7: kein Leerband nach dem Kontakt */
html.n30 .n30-lib__head h2 { margin: 0 0 26px; font-size: clamp(28px, 2.4vw, 40px); max-width: 760px; }
html.n30 .n30-lib__list { display: grid; gap: 12px; }
html.n30 .n30-lib__item { border: 1px solid rgba(255, 255, 255, .08); border-radius: 18px; background: rgba(255, 255, 255, .015); overflow: hidden; }
html.n30 .n30-lib__item > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 20px; padding: 22px 26px; cursor: pointer; list-style: none; }
html.n30 .n30-lib__item > summary::-webkit-details-marker { display: none; }
html.n30 .n30-lib__item > summary::after { content: "+"; grid-row: 1 / span 2; grid-column: 2; align-self: center; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(53, 212, 255, .45); color: var(--n-c); font-size: 20px; }
html.n30 .n30-lib__item[open] > summary::after { content: "\2013"; }
html.n30 .n30-lib__item > summary:hover { background: rgba(53, 212, 255, .04); }
html.n30 .n30-lib__item > summary:focus-visible { outline: 2px solid #8fe9ff; outline-offset: -2px; }
html.n30 .n30-lib__t { font-size: clamp(20px, 1.6vw, 26px); font-weight: 700; letter-spacing: -.02em; }
html.n30 .n30-lib__d { font-size: 14.5px; color: var(--n-mute); }
html.n30 .n30-lib__body { padding: 0 26px 26px; }
html.n30 .n30-lib__body > section { padding: 26px 0 !important; margin: 0 !important; border: 0 !important; background: none !important; min-height: 0 !important; }
html.n30 .n30-lib__body > section + section { border-top: 1px solid rgba(255, 255, 255, .06) !important; }

/* ---------- Ohne Kamerafahrt (mobil, reduzierte Bewegung, ?sw=0) ---------- */
html.n30:not(.sw-live) .n30-nimbus { background: linear-gradient(180deg, #020b12 0%, rgba(2, 10, 17, .7) 30%, rgba(2, 10, 17, .85) 100%), image-set(url('./../rocket/h/still-service-m.avif') type('image/avif'), url('./../rocket/h/still-service-m.webp') type('image/webp')) center / cover no-repeat !important; }
html.n30:not(.sw-live) .n30-contact { background: linear-gradient(180deg, rgba(2, 9, 15, .9), rgba(2, 9, 15, .8)), image-set(url('./../rocket/h/still-hero-m.avif') type('image/avif'), url('./../rocket/h/still-hero-m.webp') type('image/webp')) center / cover no-repeat !important; }

@media (max-width: 1100px) {
  html.n30 .n30-people__grid { grid-template-columns: 1fr; }
  html.n30 .n30-proof__more { grid-template-columns: 1fr 1fr; } html.n30 .n30-proof__more .case-card:last-child { grid-column: 1 / -1; }
  html.n30 .n30-partner .partners-v7-logos { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 820px) {
  html.n30 .n30-people .team-ed__bios, html.n30 .n30-people .team-ed__trust ul, html.n30 .n30-people .team-ed__trust > div { grid-template-columns: 1fr; }
  html.n30 .n30-people .team-ed__face img { height: 300px; }
  html.n30 .n30-people .team-ed__face--1 { transform: none; }
  html.n30 .n30-proof__more { grid-template-columns: 1fr; } html.n30 .n30-proof__more .case-card:last-child { grid-column: auto; }
  html.n30 .n30-partner .cybersicher-v7 { grid-template-columns: 1fr; }
  html.n30 .n30-lib__item > summary { padding: 18px; }
  html.n30 .n30-lib__body { padding: 0 16px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html.n30 .sw-stage { transition: none !important; }
  html.n30 .n30-people .team-ed__face--1 { transform: none; }
}
/* Altes 12-Spalten-Raster des Team-Abschnitts neutralisieren */
html.n30 #ansprechpartner .n30-people__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
html.n30 #ansprechpartner .n30-people__grid > *, html.n30 #ansprechpartner .n30-people__copy > * { grid-column: auto !important; grid-row: auto !important; width: auto !important; max-width: none !important; }
html.n30 #ansprechpartner .team-ed__bios { grid-template-columns: 1fr 1fr !important; }
html.n30 #ansprechpartner .team-ed__faces { grid-template-columns: 1fr 1fr !important; width: auto !important; }
@media (max-width: 1100px) { html.n30 #ansprechpartner .n30-people__grid { grid-template-columns: 1fr !important; } }
@media (max-width: 820px) { html.n30 #ansprechpartner .team-ed__bios { grid-template-columns: 1fr !important; } }
html.n30.v3-hall-js .v3-deep { display: none; }   /* Vertiefung am Ende der Seite */
html.n30 .n30-nimbus h3 { font-size: 15px !important; color: var(--n-c); margin: 14px 0 8px !important; }
html.n30 .n30-nimbus .one67-focus-list li { font-size: 14.5px; }
html.n30 .sig-rail { display: none !important; }   /* alte Abschnittsfolge */
/* Nimbus: Wanddisplay frei, darunter zweispaltige Textleiste */
html.n30.sw-live .n30-nimbus { padding-top: max(500px, 57vh) !important; padding-bottom: 6vh !important; min-height: 100vh; }
html.n30.sw-live .n30-nimbus .one67-home-launch__grid { display: block; min-height: 0; }
html.n30.sw-live .n30-nimbus .one67-home-launch__copy { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); grid-auto-flow: dense; gap: 0 36px; max-width: 1180px; padding: 24px 28px; }
html.n30.sw-live .n30-nimbus .one67-home-launch__copy > * { grid-column: 1; }
html.n30.sw-live .n30-nimbus .one67-home-lead, html.n30.sw-live .n30-nimbus .one67-focus-title, html.n30.sw-live .n30-nimbus .one67-focus-list { grid-column: 2; }
html.n30.sw-live .n30-nimbus .one67-home-lead { grid-row: 1 / span 3; margin-top: 0; }
html.n30.sw-live .n30-nimbus h2 { margin: 4px 0 0 !important; }
/* Belege: Leitzitat als typografischer Moment */
html.n30 .n30-proof__lead .case-card > p { font-size: clamp(24px, 2.3vw, 38px) !important; line-height: 1.28 !important; font-weight: 500 !important; color: #fff !important; max-width: 1100px; }
html.n30 .n30-proof__lead .case-card > h3 { font-size: 18px !important; }
html.n30 .n30-nimbus .one67-product-byline { margin-top: 10px !important; }
html.n30.sw-live .n30-nimbus { padding-top: max(480px, 53vh) !important; }
@media (max-width: 1100px) { html.n30 .v3-voices--one { grid-template-columns: 1fr !important; } html.n30 .v3-voices__all { justify-self: start; } }

/* ---------- Ablauf in fuenf Schritten (#verantwortung, n30proc.js) ----------
   Mit Kamerafahrt: festgehaltene Buehne ueber der Halle, Zustand je Scrollposition. Ohne: fuenf ruhige Karten. */
html.n30 .n30-proc { position: relative; z-index: 2; padding: 9vh var(--n-pad) 8vh; background: linear-gradient(180deg, #020b12, #04121b 50%, #020b12); }
html.n30 .n30-proc.is-live { padding: 0; background: none; }
html.n30 .n30-proc.is-live > .n30-proc__head, html.n30 .n30-proc.is-live > .n30-proc__steps, html.n30 .n30-proc.is-live > .n30-proc__disclaim { display: none; }
html.n30 .n30-proc__a { position: absolute; left: 0; top: 0; width: 1px; height: 1px; scroll-margin-top: 84px; }
html.n30 .n30-proc.is-live > .n30-proc__a { scroll-margin-top: 0; }
html.n30 .n30-proc .n30-cam { position: absolute; left: 0; width: 1px; }
html.n30 .n30-proc .responsibility-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(53, 212, 255, .5); background: #04131c; position: relative; z-index: 1; }
html.n30 .n30-proc .responsibility-icon svg { width: 28px; height: 28px; fill: none; stroke: #42d9ff; stroke-width: 1.6px; stroke-linecap: round; stroke-linejoin: round; }
html.n30 .n30-proc h2 { margin: 0 0 14px; font-size: clamp(30px, 3vw, 50px); line-height: 1.05; letter-spacing: -.025em; color: #fff; }
html.n30 .n30-proc .n30-k b { color: #fff; font-weight: 600; }
html.n30 .n30-proc__body { margin: 0 0 14px; font-size: clamp(15.5px, 1.05vw, 17.5px); line-height: 1.6; color: #d3e2e8; }
html.n30 .n30-proc__focus { display: inline-block; margin: 0 0 12px; padding: 3px 11px; border-radius: 999px; font-size: 12.5px; background: rgba(53, 212, 255, .13); color: var(--n-c); }
/* Buehne */
html.n30 .n30-proc__view { position: sticky; top: 0; height: 100vh; overflow: hidden; pointer-events: none; }
html.n30 .n30-proc__view a, html.n30 .n30-proc__view button { pointer-events: auto; }
html.n30 .n30-proc__light i { position: absolute; inset: 0; }
html.n30 .n30-proc__light .l-dim { background: #020a11; opacity: 0; }
html.n30 .n30-proc__light .l-vig { background: radial-gradient(120% 95% at 60% 48%, transparent 46%, rgba(0, 4, 8, .62)); }
html.n30 .n30-proc__light .l-read { background: linear-gradient(90deg, rgba(2, 10, 17, .9) 0, rgba(2, 10, 17, .74) 33%, rgba(2, 10, 17, 0) 58%); }
html.n30 .n30-proc__num { position: absolute; left: 150px; top: 46%; transform: translateY(-50%); font: 700 clamp(220px, 27vw, 440px)/.8 "Space Grotesk", "Space Grotesk Fallback", sans-serif; letter-spacing: -.07em; color: transparent; -webkit-text-stroke: 1.5px #42d9ff; opacity: .07; }
html.n30 .n30-proc__svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
html.n30 .n30-proc__svg .edge { stroke: rgba(66, 217, 255, .62); stroke-width: 1.4; }
html.n30 .n30-proc__svg .edge.is-hot { stroke: #8fe9ff; stroke-width: 2.4; }
html.n30 .n30-proc__svg .edge.is-new { stroke: #8fe9ff; stroke-width: 1.8; stroke-dasharray: 6 5; }
html.n30 .n30-proc__svg .node circle { fill: #04131c; stroke: #42d9ff; stroke-width: 1.8; }
html.n30 .n30-proc__svg .node.is-sel circle { fill: #35d4ff; }
html.n30 .n30-proc__svg .node.is-add circle { stroke: #8fe9ff; stroke-dasharray: 3 3; fill: rgba(53, 212, 255, .2); }
html.n30 .n30-proc__svg .node.is-swap circle { stroke: #ffb547; }
html.n30 .n30-proc__svg .node.is-hit circle { fill: #35d4ff; }
html.n30 .n30-proc__svg text { font: 600 13.5px "Space Grotesk", "Space Grotesk Fallback", sans-serif; fill: #eef6f8; paint-order: stroke; stroke: rgba(2, 10, 17, .85); stroke-width: 4px; }
html.n30 .n30-proc__svg .elab { font-size: 12px; fill: #8fe9ff; text-anchor: middle; }
html.n30 .n30-proc__svg .node.is-add text { text-anchor: end; }
html.n30 .n30-proc__svg .chip rect { fill: rgba(3, 14, 22, .92); stroke-width: 1; }
html.n30 .n30-proc__svg .chip text { font-size: 11.5px; stroke: none; }
html.n30 .n30-proc__svg .chip.is-keep rect { stroke: rgba(91, 224, 160, .75); } html.n30 .n30-proc__svg .chip.is-add rect { stroke: #8fe9ff; } html.n30 .n30-proc__svg .chip.is-swap rect { stroke: #ffb547; }
html.n30 .n30-proc__svg .scan { stroke: #c8f5ff; stroke-width: 2; }
html.n30 .n30-proc__view[data-s="0"] .n30-proc__svg .node { pointer-events: auto; cursor: pointer; }
html.n30 .n30-proc__vcopy { position: absolute; left: 236px; top: max(108px, 15vh); width: min(440px, 32vw); z-index: 4; }
html.n30 .n30-proc__vb { margin-top: 4px; }
html.n30 .n30-proc__nodes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
html.n30 .n30-proc__nodes button { font: inherit; font-size: 13px; min-height: 34px; padding: 0 11px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(3, 13, 21, .7); color: var(--n-ink); cursor: pointer; }
html.n30 .n30-proc__nodes button:hover { border-color: rgba(53, 212, 255, .45); }
html.n30 .n30-proc__nodes button[aria-pressed="true"] { border-color: var(--n-c2); background: rgba(6, 30, 44, .92); }
html.n30 .n30-proc__info { padding: 14px 16px; border: 1px solid var(--n-line); border-radius: 14px; background: var(--n-glass); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
html.n30 .n30-proc__info h3 { margin: 0 0 6px; font-size: 16px; color: #fff; }
html.n30 .n30-proc__info p { margin: 0 0 6px; font-size: 14px; line-height: 1.5; color: #d3e2e8; }
html.n30 .n30-proc__info b { display: block; font-size: 12px; color: var(--n-c); font-weight: 600; }
html.n30 .n30-proc__info em { font-style: normal; color: var(--n-mute); }
html.n30 .n30-proc__info .n30-q { margin: 0; color: #fff; }
html.n30 .n30-proc__vextra { position: absolute; z-index: 4; }
html.n30 .n30-proc__vextra.is-s1 { left: 236px; right: 40px; bottom: 30px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; }
html.n30 .n30-proc__vextra.is-s1 .n30-proc__src { grid-column: 1 / -1; }
html.n30 .n30-proc__card { padding: 13px 16px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .08); border-left: 3px solid rgba(91, 224, 160, .8); background: rgba(3, 13, 21, .84); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html.n30 .n30-proc__card.is-add { border-left-color: #8fe9ff; } html.n30 .n30-proc__card.is-swap { border-left-color: #ffb547; }
html.n30 .n30-proc__card p { margin: 0 0 6px; font-size: 14px; line-height: 1.5; color: #d3e2e8; }
html.n30 .n30-proc__card small { font-size: 12px; color: var(--n-mute); }
html.n30 .n30-proc__verdict { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
html.n30 .n30-proc__verdict b { font-size: 16px; color: #fff; } html.n30 .n30-proc__verdict span { font-size: 13px; font-weight: 600; color: rgba(91, 224, 160, .95); }
html.n30 .n30-proc__card.is-add .n30-proc__verdict span { color: #8fe9ff; } html.n30 .n30-proc__card.is-swap .n30-proc__verdict span { color: #ffb547; }
html.n30 .n30-proc__src { margin: 2px 0 0; font-size: 12px; line-height: 1.5; color: var(--n-mute); }
html.n30 .n30-proc__vextra.is-s2 { left: 236px; right: 40px; bottom: 30px; }
html.n30 .n30-proc__order { margin: 0 0 8px; font-size: 13px; color: var(--n-mute); }
html.n30 .n30-proc__tl { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
html.n30 .n30-proc__tl li { position: relative; padding: 12px 14px 12px 46px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .08); background: rgba(3, 13, 21, .84); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html.n30 .n30-proc__tl b { display: block; font-size: 14px; line-height: 1.3; margin-bottom: 7px; color: #fff; }
html.n30 .n30-proc__tl small { display: block; font-size: 12px; line-height: 1.4; color: var(--n-mute); margin-top: 6px; }
html.n30 .n30-proc__tl .n30-proc__who { color: #c9bfff; margin-top: 3px; }
html.n30 .n30-proc__n { position: absolute; left: 13px; top: 12px; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--n-c); color: var(--n-c); display: grid; place-items: center; font-size: 12px; font-weight: 700; }
html.n30 .n30-proc__st { display: flex; flex-wrap: wrap; gap: 4px; }
html.n30 .n30-proc__st i { font-style: normal; font-size: 11.5px; padding: 1px 7px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .14); color: var(--n-mute); }
html.n30 .n30-proc__st i.on { border-color: var(--n-c); color: #fff; background: rgba(53, 212, 255, .14); }
html.n30 .n30-proc__vextra.is-s3 { right: 40px; top: 50%; transform: translateY(-46%); width: min(470px, 34vw); padding: 16px 18px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .08); background: rgba(3, 13, 21, .84); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html.n30 .n30-proc__mx { width: 100%; border-collapse: collapse; font-size: 13.5px; }
html.n30 .n30-proc__mx caption { text-align: left; font-size: 13.5px; font-weight: 600; color: var(--n-c); padding-bottom: 8px; }
html.n30 .n30-proc__mx th { text-align: left; font-size: 12px; font-weight: 600; color: var(--n-mute); padding: 0 0 6px; }
html.n30 .n30-proc__mx th + th { text-align: right; }
html.n30 .n30-proc__mx td { padding: 5px 0; border-top: 1px solid rgba(255, 255, 255, .07); color: #e3eef2; }
html.n30 .n30-proc__mx td + td { text-align: right; }
html.n30 .n30-proc__own { display: inline-grid; place-items: center; font: inherit; font-size: 12.5px; min-width: 118px; min-height: 30px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: #fff; }
html.n30 button.n30-proc__own { cursor: pointer; } html.n30 button.n30-proc__own:hover { filter: brightness(1.25); }
html.n30 .n30-proc__own[data-o="nimbus"] { border-color: var(--n-c); background: rgba(53, 212, 255, .14); }
html.n30 .n30-proc__own[data-o="gemeinsam"] { border-color: rgba(143, 123, 255, .85); background: rgba(143, 123, 255, .15); }
html.n30 .n30-proc__own[data-o="intern"] { border-color: rgba(255, 181, 71, .75); background: rgba(255, 181, 71, .1); }
html.n30 .n30-proc__own[data-o="offen"] { border-style: dashed; color: var(--n-mute); }
html.n30 .n30-proc__owners { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 13px; line-height: 1.45; color: #d3e2e8; }
html.n30 .n30-proc__owners img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; border: 1px solid rgba(255, 255, 255, .12); }
html.n30 .n30-proc__vextra.is-s4 { right: 40px; top: max(140px, 17vh); width: min(360px, 26vw); padding: 16px 18px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .08); background: rgba(3, 13, 21, .84); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html.n30 .n30-proc__vextra.is-s4 h3, html.n30 .n30-proc__step h3 { margin: 0 0 10px; font-size: 15px; color: var(--n-c); }
html.n30 .n30-proc h3 small { display: block; font-size: 12px; color: var(--n-mute); font-weight: 400; }
html.n30 .n30-proc__impact { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; }
html.n30 .n30-proc__impact li { font-size: 13.5px; line-height: 1.45; color: #d3e2e8; padding-left: 12px; border-left: 2px solid rgba(53, 212, 255, .5); }
html.n30 .n30-proc__impact b { display: block; color: #fff; font-size: 13.5px; }
html.n30 .n30-proc__weg { position: absolute; right: 40px; top: 96px; z-index: 5; display: flex; gap: 6px; align-items: center; }
html.n30 .n30-proc__weg button { font: inherit; font-size: 12.5px; min-height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(3, 13, 21, .72); color: var(--n-mute); cursor: pointer; }
html.n30 .n30-proc__weg button[aria-pressed="true"] { color: #fff; border-color: var(--n-c2); background: rgba(6, 30, 44, .92); }
html.n30 .n30-proc__vdisc, html.n30 .n30-proc__disclaim { margin: 0; font-size: 12px; color: #8fb2bf; }
html.n30 .n30-proc__vdisc { position: absolute; right: 24px; bottom: 10px; z-index: 4; }
/* Icon-Leiste */
html.n30 .n30-proc__rail ol { list-style: none; margin: 0; padding: 0; }
html.n30 .n30-proc__rail a { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; min-height: 44px; }
html.n30 .n30-proc__ring { position: relative; display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%; }
html.n30 .n30-proc__ring::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid transparent; transition: border-color .3s, box-shadow .3s, transform .3s; }
html.n30 .n30-proc__rail li.is-on .n30-proc__ring::before { border-color: rgba(53, 212, 255, .9); box-shadow: 0 0 24px rgba(53, 212, 255, .5), inset 0 0 12px rgba(53, 212, 255, .25); transform: scale(1.08); }
html.n30 .n30-proc__rail li.is-done .n30-proc__ring::before { border-color: rgba(53, 212, 255, .32); }
html.n30 .n30-proc__rail strong { font-size: 14px; font-weight: 600; color: var(--n-mute); transition: color .3s; white-space: nowrap; }
html.n30 .n30-proc__rail li.is-on strong { color: #fff; }
html.n30 .n30-proc__rail em { display: block; font-style: normal; font-size: 11px; line-height: 1.2; color: var(--n-c); }
html.n30 .n30-proc.is-live .n30-proc__rail { position: absolute; z-index: 6; left: 26px; top: 50%; transform: translateY(-50%); }
html.n30 .n30-proc.is-live .n30-proc__rail ol { display: grid; gap: 22px; position: relative; }
html.n30 .n30-proc.is-live .n30-proc__rail ol::before, html.n30 .n30-proc.is-live .n30-proc__rail ol::after { content: ""; position: absolute; left: 21.5px; top: 22px; width: 1px; transition: opacity .3s; }
html.n30 .n30-proc.is-live .n30-proc__rail ol::before { bottom: 22px; background: rgba(255, 255, 255, .14); }
html.n30 .n30-proc.is-live .n30-proc__rail ol::after { height: var(--fill, 0); background: #42d9ff; box-shadow: 0 0 8px #42d9ff; }
html.n30 .n30-proc.is-live .n30-proc__rail li { position: relative; will-change: transform; }
html.n30 .n30-proc.is-live .n30-proc__rail em { position: absolute; left: 56px; top: 34px; width: 150px; }
html.n30 .n30-proc__loop { position: absolute; left: 0; top: 22px; width: 30px; height: 100%; overflow: visible; pointer-events: none; }
html.n30 .n30-proc__loop path { fill: none; stroke: #42d9ff; stroke-width: 1.3; opacity: 0; }
html.v3-flying .n30-proc__view > :not(.n30-proc__light) { opacity: 0 !important; transition: opacity .12s; }
/* Ruhige Fassung */
html.n30 .n30-proc:not(.is-live) .n30-proc__head, html.n30 .n30-proc:not(.is-live) .n30-proc__steps, html.n30 .n30-proc:not(.is-live) .n30-proc__disclaim { max-width: 820px; margin-left: auto; margin-right: auto; }
html.n30 .n30-proc__lead { margin: 0; color: #d3e2e8; font-size: 17px; }
html.n30 .n30-proc:not(.is-live) .n30-proc__rail { position: sticky; top: 64px; z-index: 5; max-width: 820px; margin: 18px auto 0; padding: 8px 0; background: rgba(2, 11, 18, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255, 255, 255, .06); }
html.n30 .n30-proc:not(.is-live) .n30-proc__rail ol { display: flex; justify-content: space-between; }
html.n30 .n30-proc:not(.is-live) .n30-proc__rail a { flex-direction: column; gap: 2px; min-width: 56px; }
html.n30 .n30-proc:not(.is-live) .n30-proc__rail strong { font-size: 11.5px; }
html.n30 .n30-proc:not(.is-live) .n30-proc__rail em { display: none; }
html.n30 .n30-proc__step { position: relative; padding: 30px 0 18px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
html.n30 .n30-proc__still { margin: 0 0 16px; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 9; background: #04121b; }
html.n30 .n30-proc__still img { width: 100%; height: 100%; object-fit: cover; display: block; }
html.n30 .n30-proc__step .n30-proc__extra { display: grid; gap: 10px; }
html.n30 .n30-proc__step .n30-proc__tl { grid-template-columns: 1fr 1fr; }
html.n30 .n30-proc__step .n30-proc__mx, html.n30 .n30-proc__step .n30-proc__impact { margin-bottom: 4px; }
html.n30 .n30-proc__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
html.n30 .n30-proc__list li, html.n30 .n30-proc__decide div { font-size: 14.5px; line-height: 1.5; color: #d3e2e8; }
html.n30 .n30-proc__list b, html.n30 .n30-proc__decide dt { display: block; color: #fff; }
html.n30 .n30-proc__decide { margin: 0; display: grid; gap: 10px; } html.n30 .n30-proc__decide dd { margin: 0; } html.n30 .n30-proc__decide small { display: block; color: var(--n-mute); }
html.n30 .n30-proc__changes { margin: 0; padding-left: 20px; display: grid; gap: 8px; color: #d3e2e8; font-size: 14.5px; } html.n30 .n30-proc__changes b { display: block; color: #fff; }
html.n30 .n30-proc__g2 { width: 100%; height: auto; margin-top: 4px; }
html.n30 .n30-proc__g2 line { stroke: rgba(66, 217, 255, .6); stroke-width: .35; }
html.n30 .n30-proc__g2 circle { fill: #04131c; stroke: #42d9ff; stroke-width: .4; }
html.n30 .n30-proc__g2 text { font: 600 2.4px "Space Grotesk", sans-serif; fill: #eef6f8; text-anchor: middle; }
html.n30 .n30-proc:not(.is-live) .n30-proc__disclaim { padding-top: 10px; }
@media (max-width: 1180px) { html.n30 .n30-proc__vextra.is-s2 .n30-proc__tl { grid-template-columns: 1fr 1fr; } html.n30 .n30-proc__vcopy { left: 210px; } }
@media (max-width: 820px) {
  html.n30 .n30-proc { padding: 64px 16px 48px; }
  html.n30 .n30-proc__step .n30-proc__tl { grid-template-columns: 1fr; }
  html.n30 .n30-proc:not(.is-live) .n30-proc__rail { top: 70px; margin: 14px -16px 0; padding: 8px 10px; }
  html.n30 .n30-proc:not(.is-live) .n30-proc__rail li:not(.is-on) strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}
html.n30 .n30-proc__more > summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 12px; border: 1px solid rgba(53, 212, 255, .4); color: #fff; font-weight: 600; font-size: 14.5px; }
html.n30 .n30-proc__more > summary::-webkit-details-marker { display: none; }
html.n30 .n30-proc__more > summary::after { content: "+"; color: var(--n-c); font-size: 18px; }
html.n30 .n30-proc__more[open] > summary::after { content: "–"; }
html.n30 .n30-proc__morebody { display: grid; gap: 10px; margin-top: 12px; }
@media (min-width: 821px) { html.n30 .n30-proc__more > summary { display: none; } html.n30 .n30-proc__morebody { margin-top: 0; } }
@media (max-width: 820px) { html.n30 .n30-proc__still { aspect-ratio: 2 / 1; margin-bottom: 12px; } html.n30 .n30-proc__step { padding: 22px 0 14px; } html.n30 .n30-proc h2 { font-size: 27px; } }
/* Ablauf: getrennte Zustaendigkeiten und Uebergabe in den Loesungsraum */
html.n30 .n30-proc__routes { margin-top: 26px; }
html.n30 .n30-proc__routes > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 900px; margin: 0 auto; }
html.n30 .n30-proc__route { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 14px; border: 1px solid rgba(53, 212, 255, .28); background: rgba(3, 13, 21, .82); color: #fff; text-decoration: none; font-weight: 600; font-size: 15px; text-align: left; transition: border-color .2s, transform .2s; }
html.n30 .n30-proc__route:hover, html.n30 .n30-proc__route:focus-visible { border-color: var(--n-c2); transform: translateY(-2px); }
html.n30 .n30-proc__rti { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 50%; border: 1px solid rgba(53, 212, 255, .5); background: #04131c; }
html.n30 .n30-proc__rti svg { width: 42px; height: 42px; fill: none; stroke: #42d9ff; stroke-width: 1.6px; stroke-linecap: round; stroke-linejoin: round; }
/* Wanddisplay: vier echte Entwicklungsansichten, Tor zu Nimbus */
html.n30 .n30-wall { overflow: hidden; border-radius: 3px; background: #f4f7f8; box-shadow: 0 0 80px rgba(53, 212, 255, .35); }
html.n30 .n30-wall img { position: absolute; inset: 0; opacity: 0; transition: opacity .6s ease; box-shadow: none; filter: brightness(.86) saturate(.95); }
html.n30 .n30-wall img.is-on { opacity: 1; }
html.n30 .n30-wall span { z-index: 2; }
html.n30 .n30-wall span b { font-weight: 600; color: #fff; }
html.n30 .n30-wall__dots { position: absolute; right: 0; top: calc(100% + 14px); display: flex; gap: 6px; }
html.n30 .n30-wall__dots em { width: 18px; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .25); transition: background .3s; }
html.n30 .n30-wall__dots em.is-on { background: #42d9ff; }
html.n30.n30-portal .site, html.n30.n30-portal .n30-proc, html.n30.n30-portal main { opacity: 0; transition: opacity .35s ease; }
html.n30.n30-portal .n30-wall img { filter: none; }
html.n30.n30-portal .n30-wall span, html.n30.n30-portal .n30-wall__dots { opacity: 0; }
html.n30.n30-portal .sw-stage { z-index: 50; }
@media (prefers-reduced-motion: reduce) { html.n30 .n30-wall img { transition: none; } }

/* ================= Startseiten-UX 19.10.2026 ================= */
/* (F) Partnerlogos: groessere Kacheln, Logos ohne leeren Rand (Kopien aus logos30.py), nie abgeschnitten; schlaegt die Bundle-Regeln je Kachel */
html.n30 body .n30-partner .partners-v7-logos article > div.n30-logo { height: 108px !important; padding: 16px 20px !important; overflow: visible !important; }
html.n30 body .n30-partner .partners-v7-logos article > div.n30-logo img { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
html.n30 body .n30-partner .partners-v7-logos article > div.n30-logo--extra img { max-height: 56px !important; }
html.n30 body .n30-partner .partners-v7-logos article > div.n30-logo--hornetsecurity img { max-height: 72px !important; }
@media (max-width: 820px) { html.n30 body .n30-partner .partners-v7-logos article > div.n30-logo { height: 92px !important; padding: 12px 14px !important; } }
@media (max-width: 420px) { html.n30 body .n30-partner .partners-v7-logos article > div.n30-logo { height: 84px !important; } html.n30 body .n30-partner .partners-v7-logos article > div.n30-logo--hornetsecurity img { max-height: 60px !important; } }

/* (B) Durchgehendes fiktives Szenario im Ablauf: Karte am Kopf (ruhige Fassung) und Stand je Schritt als Chips */
html.n30 .n30-proc__case { margin: 18px 0 0; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(53, 212, 255, .25); background: rgba(3, 13, 21, .62); }
html.n30 .n30-proc__caselab { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--n-c); }
html.n30 .n30-proc__casewho { margin: 0 0 10px; font-size: 14.5px; line-height: 1.5; color: #d3e2e8; }
html.n30 .n30-proc__case ul, html.n30 .n30-proc__cstat { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
html.n30 .n30-proc__cstat { margin-top: 14px; }
html.n30 .n30-proc__case li, html.n30 .n30-proc__cstat li { display: inline-flex; align-items: center; gap: 7px; padding: 4px 11px 4px 4px; border-radius: 999px; border: 1px solid rgba(53, 212, 255, .26); background: rgba(3, 13, 21, .78); font-size: 12.5px; line-height: 1.3; color: #cfe0e7; }
html.n30 .n30-proc__case li b, html.n30 .n30-proc__cstat li b { color: #fff; font-weight: 700; }
html.n30 .n30-proc__case li b::after, html.n30 .n30-proc__cstat li b::after { content: ":"; }
html.n30 .n30-proc__ci { display: inline-grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; background: rgba(53, 212, 255, .12); border: 1px solid rgba(53, 212, 255, .35); }
html.n30 .n30-proc__ci svg { width: 14px; height: 14px; fill: none; stroke: var(--n-c); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html.n30 .n30-proc__vcopy .n30-proc__cstat li { background: rgba(3, 13, 21, .86); }
@media (min-width: 1181px) { html.n30 .n30-proc__vextra.is-s2 .n30-proc__tl { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1180px) { html.n30 .n30-proc__vextra.is-s2 .n30-proc__tl { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* (G) Nimbus: Karte steht unten, waehrend das Wanddisplay die vier Ansichten zeigt; Zeile in der Karte nennt die aktuelle Ansicht */
html.n30 .n30-nimbus__now { display: none; }
html.n30.sw-live .n30-nimbus { min-height: 260vh !important; overflow: clip !important; }   /* hidden wuerde position: sticky der Karte aufheben */
html.n30.sw-live .n30-nimbus .one67-home-launch__grid { position: sticky; top: calc(100vh - var(--n30-cardh, 380px) - 3vh); }
html.n30.sw-live .n30-nimbus .one67-home-launch__copy > .n30-nimbus__now { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; margin: 16px 0 0; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 14px; color: #cfe0e7; }
html.n30 .n30-nimbus__now b { color: #fff; font-weight: 600; }
html.n30 .n30-nimbus__now em { margin-left: auto; font-style: normal; font-size: 12.5px; color: var(--n-mute); white-space: nowrap; }
html.n30 .n30-nimbus__dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #42d9ff; box-shadow: 0 0 0 4px rgba(66, 217, 255, .18); }

/* (I/J) Fachliche Orientierung und Threat Center im Hauptablauf (vorher in der Vertiefung) */
html.n30 .n30-std, html.n30 .n30-threat { position: relative; z-index: 2; margin: 0 !important; padding: clamp(80px, 11vh, 130px) var(--n-pad) clamp(70px, 10vh, 110px) !important; max-width: none !important; }
html.n30 .n30-std { background: linear-gradient(180deg, #020b12 0%, #04121b 55%, #031019 100%); }
html.n30 .n30-threat { background: radial-gradient(1100px 560px at 80% 30%, rgba(255, 91, 101, .07), transparent 70%), linear-gradient(180deg, #031019 0%, #020b12 100%); border-top: 1px solid rgba(255, 255, 255, .05); }
html.n30 .n30-std__bridge { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html.n30 .n30-std__bridge li { display: grid; }
html.n30 .n30-std__bridge li > a, html.n30 .n30-std__bridge li:not(:has(a)) { display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(53, 212, 255, .22); background: rgba(3, 13, 21, .6); text-decoration: none; color: inherit; }
html.n30 .n30-std__bridge li > a:hover, html.n30 .n30-std__bridge li > a:focus-visible { border-color: var(--n-c2); }
html.n30 .n30-std__bridge b { font-size: 14.5px; color: #fff; }
html.n30 .n30-std__bridge li > a b::after { content: " →"; color: var(--n-c); }
html.n30 .n30-std__bridge span { font-size: 13px; line-height: 1.45; color: var(--n-mute); }
@media (max-width: 820px) { html.n30 .n30-std__bridge { grid-template-columns: 1fr; } html.n30 .n30-std, html.n30 .n30-threat { padding: 64px 16px 52px !important; } }
/* (G) Kompakte Karte mit Kamerafahrt: das Wanddisplay bleibt frei (Fokus als eine Zeile, engere Abstaende) */
html.n30.sw-live .n30-nimbus .one67-home-launch__copy { padding: 18px 24px !important; row-gap: 0; }
html.n30.sw-live .n30-nimbus .one67-home-lead { font-size: 15px !important; line-height: 1.5 !important; margin-bottom: 6px !important; }
html.n30.sw-live .n30-nimbus .one67-focus-title { margin: 8px 0 6px !important; }
html.n30.sw-live .n30-nimbus .one67-focus-list { display: flex !important; flex-wrap: wrap; gap: 4px 18px; margin: 0 !important; padding: 0 !important; }
html.n30.sw-live .n30-nimbus .one67-focus-list li { margin: 0 !important; padding: 2px 0 !important; border: 0 !important; font-size: 14px !important; }
html.n30.sw-live .n30-nimbus .one67-actions { margin-top: 12px !important; }
html.n30.sw-live .n30-nimbus .one67-home-launch__copy > .n30-nimbus__now { margin-top: 12px; padding-top: 10px; }
html.n30.sw-live .n30-nimbus .one67-home-launch__grid { top: calc(100vh - var(--n30-cardh, 340px) - 2vh); }
@media (max-height: 820px) { html.n30.sw-live .n30-nimbus .one67-focus-title, html.n30.sw-live .n30-nimbus .one67-focus-list { display: none !important; }
  html.n30.sw-live .n30-nimbus .one67-home-launch__copy > .one67-actions { grid-column: 2; margin-top: 6px !important; } html.n30.sw-live .n30-nimbus .one67-product-byline { margin-bottom: 0 !important; } }
/* (I) Quellen der Standards (vorher als zweiter Kasten im Inhaber-Abschnitt) */
html.n30 .n30-std__src { margin: clamp(28px, 4vh, 44px) 0 0; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .07); }
html.n30 .n30-std__src .n30-k { margin-bottom: 10px; font-size: 13px; }
html.n30 .n30-std__src .team-v7-foundations__links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start !important; margin: 0 !important; }
html.n30 .n30-std__src .team-v7-foundations__links a { padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(53, 212, 255, .25); background: rgba(3, 13, 21, .6); color: #cfe0e7; font-size: 13px; text-decoration: none; }
html.n30 .n30-std__src .team-v7-foundations__links a:hover, html.n30 .n30-std__src .team-v7-foundations__links a:focus-visible { border-color: var(--n-c2); color: #fff; }

/* ================= Finale UX 19.10.2026 ================= */
/* Ablauf: Anzeige des oben gewaehlten Wegs (kein Umschalter mehr) */
html.n30 p.n30-proc__weg { margin: 0; gap: 8px; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(3, 13, 21, .72); font-size: 12.5px; color: var(--n-mute); }
html.n30 p.n30-proc__weg b { color: #fff; font-weight: 600; }
/* Kontaktbereich am Ende: Inhaber persoenlich (vorher eigener Block mitten im Loesungsraum) */
html.n30 .n30-owners { margin: 22px 0 6px; padding: 16px 18px; border-radius: 14px; border: 1px solid rgba(53, 212, 255, .22); background: rgba(3, 13, 21, .55); }
html.n30 .n30-owners__t { margin: 0 0 12px !important; font-size: 15px; font-weight: 700; color: #fff; }
html.n30 .n30-owners ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
html.n30 .n30-owners li { display: flex; align-items: center; gap: 12px; }
html.n30 .n30-owners img { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(53, 212, 255, .4); }
html.n30 .n30-owners li span { display: grid; gap: 2px; font-size: 13.5px; line-height: 1.4; color: var(--n-mute); }
html.n30 .n30-owners li b { font-size: 15px; color: #fff; }
html.n30 .n30-owners__oath { margin: 14px 0 0 !important; padding-left: 14px; border-left: 2px solid var(--n-c); font-size: 15px; color: #dbe9ee; }
html.n30 .n30-contact__alt { margin: 14px 0 0; font-size: 14px; color: var(--n-mute); }
html.n30 .n30-contact__alt a { color: var(--n-c); font-weight: 600; }
@media (max-width: 560px) { html.n30 .n30-owners ul { grid-template-columns: 1fr; } }
/* Besucherwelten 19.10.2026: Verfeinerung beim Projekt-Weg (Projekt planen / Herausforderung lösen), gleiche Gestaltung wie die Weg-Anzeige */
html.n30 .n30-proc__fsel { display: inline-flex; gap: 6px; margin-left: 4px; }
html.n30 .n30-proc__fsel button { font: inherit; font-size: 12.5px; min-height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(3, 13, 21, .72); color: var(--n-mute); cursor: pointer; }
html.n30 .n30-proc__fsel button[aria-pressed="true"] { color: #fff; border-color: var(--n-c2); background: rgba(6, 30, 44, .92); }
html.n30 .n30-proc__fsel button:focus-visible { outline: 2px solid #8fe9ff; outline-offset: 2px; }
html.n30 p.n30-proc__weg--s { position: static; display: flex; flex-wrap: wrap; width: fit-content; max-width: 100%; margin: 14px 0 0; border-radius: 18px; }
html.n30 p.n30-proc__weg--s[hidden] { display: none; }
html.n30 .n30-proc__weg--s .n30-proc__fsel button { min-height: 44px; }