/* =====================================================================
   Unterseiten-Varianten: Hero-Grafik, Tabs, Zickzack, Stapel, Timeline, Split
   ===================================================================== */
.hero-art{padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.hero-art svg{display:block;width:100%;height:auto}
.hchips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.hchips li{display:grid;gap:1px;padding:10px 16px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.hchips b{font:600 11.5px var(--b);letter-spacing:.1em;text-transform:uppercase;color:#7fdcff}
.hchips span{font-weight:600;font-size:14.5px;color:#fff}

.tone-soft{background:linear-gradient(180deg,var(--mist),#e3f2fc)}
.tone-white{background:#fff}

/* Tabs */
.tabs{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:stretch}
.tablist{display:grid;gap:10px;align-content:start}
.tab{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:#fff;font:600 16px var(--b);color:var(--navy);text-align:left;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.tab-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--ice);flex:none;transition:background .25s}
.tab-ico svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.tab:hover{transform:translateX(3px);border-color:rgba(31,95,168,.4)}
.tab.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.tab.on .tab-ico{background:rgba(255,255,255,.16)}.tab.on .tab-ico svg{stroke:#fff}
.tabpanels{position:relative;padding:clamp(26px,3.5vw,44px);border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-height:300px}
.tabpanel{display:none;animation:tabin .45s var(--ease)}
.tabpanel.on{display:block}
@keyframes tabin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tp-ico{display:grid;place-items:center;width:68px;height:68px;border-radius:16px;background:var(--ice);margin-bottom:20px}
.tp-ico svg{width:36px;height:36px;stroke:var(--blue);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tabpanel h3{font-size:clamp(22px,2.4vw,30px);color:var(--navy);margin-bottom:12px}
.tabpanel p{color:var(--mut);font-size:17px;line-height:1.7;max-width:620px}
.ticks-2{grid-template-columns:1fr 1fr;max-width:620px}
.tabpanel .btn{margin-top:26px}

/* Zickzack-Zeilen */
.zig{display:grid;gap:22px}
.zig-row{display:grid;grid-template-columns:260px 1fr;gap:clamp(26px,4vw,56px);align-items:center;padding:28px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:box-shadow .35s,border-color .35s}
.zig-row:hover{box-shadow:var(--shadow);border-color:rgba(31,95,168,.3)}
.zig-row.flip{grid-template-columns:1fr 260px}.zig-row.flip .zig-art{order:2}
.zig-art{position:relative;display:grid;place-items:center;height:190px;border-radius:14px;background:linear-gradient(145deg,#0f3a72,#1f5fa8);overflow:hidden}
.zig-art:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 80% 10%,rgba(127,220,255,.45),transparent 70%)}
.zig-art svg{position:relative;z-index:1;width:84px;height:84px;stroke:#fff;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.zig-n{position:absolute;top:14px;left:18px;z-index:1;font:700 13px var(--b);letter-spacing:.14em;color:#9fe3ff}
.zig-body h3{font-size:clamp(21px,2.2vw,28px);color:var(--navy);margin-bottom:10px}
.zig-body p{color:var(--mut);font-size:16.5px;line-height:1.7;max-width:640px}
.ticks-row{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 28px;border:0;padding-top:6px}

/* Gestapelte Liste */
.stack-sec{background:#fff}
.stack-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(36px,6vw,90px);align-items:start}
.stack-head{position:sticky;top:110px}
.stack-btn{margin-top:28px}
.stack-list{list-style:none;border-top:1px solid var(--line)}
.stack-row{display:grid;grid-template-columns:54px 56px 1fr;gap:20px;padding:30px 4px;border-bottom:1px solid var(--line);align-items:start;transition:background .3s,padding-left .35s var(--ease)}
.stack-row:hover{background:linear-gradient(90deg,var(--mist),transparent 80%);padding-left:14px}
.stack-n{font:700 15px var(--b);letter-spacing:.08em;color:var(--sky);padding-top:14px}
.stack-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:var(--ice)}
.stack-ico svg{width:28px;height:28px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stack-row h3{font-size:21px;color:var(--navy);margin-bottom:6px}
.stack-row p{color:var(--mut);font-size:16px;line-height:1.65;max-width:560px}
.chips-l{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips-l li{padding:6px 12px;border-radius:6px;background:var(--ice);color:var(--blue);font:600 13px var(--b)}

/* Vertikale Timeline (dunkel) */
.vtl{padding:clamp(70px,9vw,120px) 0;color:#fff;background:radial-gradient(50% 60% at 0% 0%,rgba(55,194,240,.22),transparent 65%),linear-gradient(160deg,#081c3b,#0b2d5a 60%,#0a2447)}
.vtl-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,90px);align-items:start}
.vtl-head{position:sticky;top:110px}
.vtl .kicker{color:#7fdcff}.vtl h2{color:#fff}.vtl h2 em{color:#7fdcff}.vtl .lead{color:#b8cde3}
.vtl-list{list-style:none;position:relative;display:grid;gap:34px;padding-left:12px}
.vtl-list:before{content:"";position:absolute;left:35px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,#37c2f0,rgba(55,194,240,.15))}
.vtl-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:26px;align-items:start}
.vtl-dot{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0b2d5a;border:2px solid #37c2f0;transition:background .3s}
.vtl-dot svg{width:24px;height:24px;stroke:#7fdcff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vtl-item:hover .vtl-dot{background:#37c2f0}.vtl-item:hover .vtl-dot svg{stroke:#04203a}
.vtl-n{display:block;font:600 12px var(--b);letter-spacing:.14em;text-transform:uppercase;color:#7fdcff;margin-bottom:4px}
.vtl-item h3{font-size:21px;color:#fff;margin-bottom:6px}
.vtl-item p{color:#b8cde3;font-size:16px;line-height:1.65;max-width:520px}
.vtl .sp-tag{background:rgba(127,220,255,.14);color:#9fe3ff}

/* Split-Vorteile (hell) */
.splitadv{background:#fff}
.split-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(36px,6vw,90px);align-items:start}
.split-head{position:sticky;top:110px}
.split-head .btn{margin-top:28px}
.split-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.split-list li{display:flex;gap:16px;padding:26px 0;border-bottom:1px solid var(--line)}
.sl-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ice)}
.sl-ico svg{width:23px;height:23px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.split-list b{display:block;color:var(--navy);font-size:17px;margin-bottom:4px}
.split-list p{color:var(--mut);font-size:15px;line-height:1.6}

/* =====================================================================
   Interaktive Signatur-Abschnitte
   ===================================================================== */
.vzsec{--vtx:var(--navy);--vmut:var(--mut);--vline:rgba(13,32,56,.12);--vcard:#fff;--vacc:var(--blue);--vsoft:var(--ice);--vinp:var(--mist);padding:clamp(70px,9vw,120px) 0}
.vzsec.tone-dark{--vtx:#fff;--vmut:#a9c0d8;--vline:rgba(255,255,255,.18);--vcard:rgba(255,255,255,.07);--vacc:#7fdcff;--vsoft:rgba(127,220,255,.14);--vinp:rgba(0,0,0,.28);color:#fff;background:radial-gradient(50% 60% at 100% 0%,rgba(55,194,240,.22),transparent 65%),linear-gradient(160deg,#081c3b,#0b2d5a 60%,#0a2447)}
.vzsec.tone-dark h2{color:#fff}.vzsec.tone-dark .kicker{color:#7fdcff}.vzsec.tone-dark h2 em{color:#7fdcff}.vzsec.tone-dark .lead{color:#b8cde3}
.viz-note{margin-top:20px;font-size:13.5px;color:var(--vmut)}
.vzsec.tone-dark .viz-note{color:#8ba6c8}
.vz-card{background:var(--vcard);border:1px solid var(--vline);border-radius:16px;padding:clamp(20px,2.4vw,30px);color:var(--vtx)}
.tone-soft .vz-card,.tone-white .vz-card{box-shadow:0 1px 0 rgba(11,36,71,.04),0 18px 40px -26px rgba(11,36,71,.22)}
.vz-card h3{font-size:19px;color:var(--vtx);margin-bottom:16px;letter-spacing:-.01em}
.vz-card h3 small{font:500 13px var(--b);color:var(--vmut);margin-left:6px}
.vz-card input[type=number],.vz-card input[type=text]{width:100%;padding:12px 14px;border-radius:8px;border:1.5px solid var(--vline);background:var(--vinp);color:var(--vtx);font:inherit;transition:border-color .2s,box-shadow .2s}
.vz-card input[type=number]:focus{outline:0;border-color:var(--sky);box-shadow:0 0 0 4px rgba(55,194,240,.2)}
.vz-card label{display:grid;gap:6px;font:600 13px var(--b);color:var(--vtx)}
.vz-card input[type=range]{width:100%;accent-color:var(--vacc)}
.vz-card .btn-outline{background:transparent;color:var(--vacc);border-color:var(--vacc)}
.vz-card .btn-outline:hover{background:var(--vacc);color:#fff}
.vz-card .btn:disabled{opacity:.4;cursor:default}

/* Straße: Ladungsfinder */
.pf{display:grid;grid-template-columns:.85fr 1.4fr;gap:20px}
.pf-row{display:flex;align-items:center;gap:16px;margin:10px 0 18px}
.pf-row output{min-width:56px;text-align:center;font:700 28px var(--b);color:var(--vacc)}
.vz-card .pf-chk{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer}
.pf-chk input{width:18px;height:18px;accent-color:var(--vacc)}
.pf-res{margin-top:20px;padding-top:18px;border-top:1px solid var(--vline)}
.pf-badge{display:inline-block;padding:6px 14px;border-radius:99px;background:var(--vacc);color:#fff;font:650 14px var(--b);margin-bottom:10px}
.tone-dark .pf-badge{color:#04203a}
.pf-res p{color:var(--vmut);font-size:15px;line-height:1.6}
.pf-view svg{width:100%;height:auto;display:block}
.pf-tr{fill:var(--vsoft);stroke:var(--vacc);stroke-width:2}
.pf-cab{fill:var(--navy);opacity:.9}
.pf-wh{fill:#14233a;stroke:#fff;stroke-width:3}
.pf-slot{fill:transparent;stroke:var(--vline);stroke-width:1.5;transition:fill .25s,stroke .25s}
.pf-slot.on{fill:var(--vacc);stroke:var(--vacc);opacity:.92}
.pf-meter{height:8px;border-radius:8px;background:var(--vsoft);overflow:hidden;margin:14px 0 8px}
.pf-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--sky));transition:width .35s var(--ease)}
.pf-view small{color:var(--vmut);font-size:13.5px}

/* See: Containerfinder */
.ct-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.ct-tab{padding:11px 20px;border-radius:99px;border:1.5px solid var(--vline);background:transparent;font:600 15px var(--b);color:var(--vtx);cursor:pointer;transition:all .25s}
.ct-tab.on{background:var(--blue);border-color:var(--blue);color:#fff}
.ct-stage svg{width:100%;max-width:720px;height:auto;display:block;margin:0 auto 10px}
.ct-box{fill:var(--vsoft);stroke:var(--vacc);stroke-width:2.5}
.ct-ribs line{stroke:var(--vacc);opacity:.35;stroke-width:2}
.ct-door{fill:var(--vacc);opacity:.55}
.ct-dim line{stroke:var(--vmut);stroke-width:1.5}.ct-dim text{fill:var(--vmut);font:600 12px var(--b)}
.ct-ground{fill:var(--vline)}
.ct-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.ct-stats div{padding:14px 16px;border-radius:10px;background:var(--vsoft)}
.ct-stats dt{font:600 12px var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--vmut)}
.ct-stats dd{font:700 17px var(--b);color:var(--vtx);margin-top:2px}
.ct-use{color:var(--vmut);font-size:15px}.ct-use b{color:var(--vtx)}

/* Luft: Frachtrechner */
.aw{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.aw-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.aw-full{grid-column:1/-1}
.aw-bars{display:grid;gap:12px;margin-bottom:20px}
.aw-bar,.sp-row,.co-row{display:grid;grid-template-columns:150px 1fr 82px;gap:12px;align-items:center;font-size:14px;color:var(--vmut)}
.aw-bar i,.sp-row i,.co-row i{display:block;height:12px;border-radius:12px;background:var(--vsoft);overflow:hidden;position:relative}
.aw-bar b{display:block;height:100%;border-radius:12px;background:var(--vacc);transition:width .35s var(--ease)}
.aw-bar:nth-child(2) b{background:var(--sky)}
.aw-bar em,.sp-row em,.co-row em{font-style:normal;font-weight:600;color:var(--vtx);text-align:right}
.aw-res{padding:18px 20px;border-radius:12px;background:var(--vsoft)}
.aw-res small{font:600 12px var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--vmut)}
.aw-res strong{display:block;font:700 34px var(--b);color:var(--vacc);margin:2px 0 4px}
.aw-res p{font-size:14.5px;color:var(--vmut)}
.aw-speed{display:grid;gap:14px;align-content:start}
.sp-row b{position:absolute;top:0;bottom:0;border-radius:12px;background:linear-gradient(90deg,var(--blue),var(--sky))}
.sp-row{grid-template-columns:150px 1fr 76px}

/* Schiene: Kette + CO2 */
.rl{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rl-switch{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.rl-b{padding:9px 16px;border-radius:99px;border:1.5px solid var(--vline);background:transparent;font:600 14px var(--b);color:var(--vtx);cursor:pointer;transition:all .25s}
.rl-b.on{background:var(--blue);border-color:var(--blue);color:#fff}
.rl-line{display:grid;grid-template-columns:1fr 14px 3fr 14px 1fr;align-items:center;gap:6px}
.rl-seg{display:grid;justify-items:center;text-align:center;gap:2px;padding:14px 8px;border-radius:12px;background:var(--vsoft)}
.rl-seg.main{background:linear-gradient(135deg,var(--blue),#2a86c9);color:#fff}
.rl-seg span{display:grid;place-items:center;width:38px;height:38px}
.rl-seg svg{width:26px;height:26px;stroke:var(--vacc);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rl-seg.main svg{stroke:#fff}
.rl-seg b{font-size:14px}.rl-seg small{font-size:12.5px;opacity:.8}
.rl-node{width:14px;height:14px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px rgba(55,194,240,.25)}
.rl-cap{margin-top:16px;font-size:14px;color:var(--vmut)}
.co-row{grid-template-columns:200px 1fr 70px;margin-bottom:12px}
.co-row b{display:block;height:100%;border-radius:12px;transition:width .4s var(--ease)}
.co-row b.road{background:#94a3b8}.co-row b.mix{background:linear-gradient(90deg,var(--blue),var(--sky))}.co-row b.alt{background:#1fa971}
.rl-sav{margin-top:6px;padding:14px 16px;border-radius:10px;background:var(--vsoft);font-size:15px;color:var(--vtx)}

/* Lager: Warenfluss */
.wh{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:stretch}
.wh-map svg{width:100%;height:auto;display:block}
.wh-out{fill:rgba(255,255,255,.04);stroke:var(--vline);stroke-width:2}
.wh-zone{cursor:pointer}
.wh-zone rect{fill:rgba(127,220,255,.1);stroke:rgba(127,220,255,.4);stroke-width:1.5;transition:fill .25s,stroke .25s}
.wh-zone text{fill:#cfe6fa;font:600 13px var(--b);text-anchor:middle;pointer-events:none}
.wh-zone.on rect{fill:rgba(127,220,255,.32);stroke:#7fdcff;stroke-width:2.5}
.wh-racks rect{fill:rgba(255,255,255,.14);stroke:none}
.wh-info{display:grid;gap:18px;align-content:start}
.wh-btns{display:grid;gap:8px}
.wh-b{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--vline);background:transparent;color:var(--vtx);font:600 15px var(--b);text-align:left;cursor:pointer;transition:all .25s}
.wh-b span{font:700 12px var(--b);letter-spacing:.1em;color:var(--vacc)}
.wh-b.on{background:rgba(127,220,255,.16);border-color:#7fdcff}
.wh-txt{font-size:15.5px;line-height:1.65;color:#cfe0f3}.wh-txt b{display:block;color:#fff;font-size:18px;margin-bottom:4px}
.wh-info .btn{justify-self:start}

/* VAS: Baukasten */
.vb{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vb-pick{display:grid;gap:10px;align-content:start}
.vb-chip{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--vline);background:transparent;text-align:left;color:var(--vtx);cursor:pointer;transition:all .25s}
.vb-chip b{display:block;font-size:15.5px}.vb-chip small{display:block;font-size:13px;color:var(--vmut);margin-top:1px}
.vb-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--vsoft)}
.vb-ic svg{width:24px;height:24px;stroke:var(--vacc);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vb-chip i{margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--vline);transition:all .25s}
.vb-chip.on{border-color:var(--blue);background:var(--vsoft)}
.vb-chip.on i{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 4px #fff}
.vb-pipe{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 20px}
.vb-node{display:grid;justify-items:center;gap:6px;padding:14px 12px;min-width:104px;border-radius:12px;background:var(--vsoft);text-align:center;animation:tabin .4s var(--ease)}
.vb-node span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:700 13px var(--b)}
.vb-node.end span{background:var(--navy)}
.vb-node b{font-size:13.5px}
.vb-arr{width:22px;height:2px;background:var(--sky);position:relative}
.vb-arr:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:2px solid var(--sky);border-right:2px solid var(--sky);transform:rotate(45deg)}
.vb-sum{margin-bottom:18px;color:var(--vmut);font-size:15px}

/* Zoll */
.cu{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}
.cu-inco{grid-column:1/-1}
.cu-nodes{display:flex;align-items:center;gap:0;margin-bottom:22px}
.cu-node{display:grid;justify-items:center;gap:8px;background:none;border:0;cursor:pointer;color:var(--vtx);flex:none;width:76px}
.cu-node span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--vline);font:700 15px var(--b);transition:all .3s}
.cu-node b{font-size:12.5px;font-weight:600;color:var(--vmut)}
.cu-node.on span{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 6px rgba(55,194,240,.25)}
.cu-node.done span{background:var(--sky);border-color:var(--sky);color:#04203a}
.cu-node.on b{color:var(--vtx)}
.cu-link{flex:1;height:2px;background:var(--vline);margin-bottom:24px}
.cu-info{padding:16px 18px;border-radius:12px;background:var(--vsoft);min-height:112px}
.cu-info b{display:block;font-size:17px;margin-bottom:4px}.cu-info p{color:var(--vmut);font-size:15px;line-height:1.6}
.cu-nav{display:flex;gap:10px;margin-top:16px}
.cu-nav .btn{padding:10px 18px}
.cu-check ul{list-style:none;display:grid;gap:8px}
.vz-card.cu-check li label{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}
.cu-check li label:hover{background:var(--vsoft)}
.cu-check input{width:18px;height:18px;accent-color:var(--blue);flex:none}
.cu-prog{display:flex;align-items:center;gap:14px;margin-top:16px}
.cu-prog i{flex:1;height:8px;border-radius:8px;background:var(--vsoft);overflow:hidden}
.cu-prog b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#1fa971);transition:width .3s var(--ease)}
.cu-prog span{font-size:13.5px;font-weight:600;color:var(--vmut);white-space:nowrap}
.cu-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.cu-tab{padding:9px 18px;border-radius:99px;border:1.5px solid var(--vline);background:transparent;font:700 14px var(--b);color:var(--vtx);cursor:pointer;transition:all .25s}
.cu-tab.on{background:var(--blue);border-color:var(--blue);color:#fff}
.cu-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.cu-seg{display:grid;gap:2px;padding:14px 10px;text-align:center;border-radius:8px;transition:background .3s,color .3s}
.cu-seg b{font-size:13.5px}.cu-seg small{font-size:12px;opacity:.9}
.cu-seg.s{background:var(--blue);color:#fff}
.cu-seg.b{background:var(--vsoft);color:var(--vtx);border:1px dashed var(--vline)}
.cu-leg{display:flex;gap:18px;margin-top:12px;font-size:13px;color:var(--vmut)}
.cu-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.cu-leg .s{background:var(--blue)}.cu-leg .b{background:var(--vsoft);border:1px dashed var(--vline)}

/* Digital: Dashboard */
.db-kpi{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.db-kpi>div{padding:18px 20px;border-radius:14px;background:var(--vcard);border:1px solid var(--vline)}
.db-kpi small{font:600 12px var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--vmut)}
.db-kpi b{display:block;font:700 30px var(--b);color:var(--vacc)}
.db-tag{position:absolute;right:0;top:-34px;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.1);color:#cfe6fa;font:600 12px var(--b)}
.db-main{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.db-list{list-style:none;display:grid;gap:10px}
.db-row{display:grid;grid-template-columns:auto 1fr auto;gap:2px 14px;width:100%;padding:16px 18px;border-radius:12px;background:var(--vcard);border:1.5px solid var(--vline);text-align:left;color:var(--vtx);cursor:pointer;transition:all .25s}
.db-row:hover{border-color:rgba(127,220,255,.6)}
.db-row.on{border-color:#7fdcff;background:rgba(127,220,255,.12)}
.db-id{font:700 14px var(--b)}.db-rt{color:var(--vmut);font-size:14px}
.db-st{grid-row:1;grid-column:3;padding:3px 10px;border-radius:99px;font:600 12px var(--b)}
.db-st.blue{background:rgba(55,194,240,.2);color:#7fdcff}.db-st.green{background:rgba(31,169,113,.22);color:#6fe0aa}.db-st.amber{background:rgba(242,194,48,.2);color:#f2d36b}.db-st.done{background:rgba(255,255,255,.14);color:#e6f0fb}
.db-row i{grid-column:1/-1;margin-top:10px;height:5px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
.db-row i b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--sky))}
.db-detail{padding:22px;border-radius:14px;background:var(--vcard);border:1px solid var(--vline)}
.db-detail h4{font-size:17px;margin-bottom:4px}.db-detail p{color:var(--vmut);font-size:14.5px;margin-bottom:16px}
.db-tl{list-style:none;display:grid;gap:12px;position:relative}
.db-tl li{position:relative;padding-left:28px;color:var(--vmut);font-size:15px}
.db-tl li span{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;border:2px solid var(--vline)}
.db-tl li.done{color:var(--vtx)}.db-tl li.done span{background:#37c2f0;border-color:#37c2f0}

/* Automotive: Zeitfenster */
.wn-ctl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.wn-b{padding:10px 18px;border-radius:99px;border:1.5px solid var(--vline);background:transparent;font:600 14px var(--b);color:var(--vtx);cursor:pointer;transition:all .25s}
.wn-b.on{background:var(--blue);border-color:var(--blue);color:#fff}
.wn-time{display:grid;grid-template-columns:repeat(7,1fr);margin-left:170px;font-size:12px;color:var(--vmut);margin-bottom:6px}
.wn-time span:last-child{text-align:right}.wn-time span:not(:first-child):not(:last-child){text-align:center}
.wn-lane{display:grid;grid-template-columns:170px 1fr;align-items:center;margin-bottom:10px}
.wn-lane label{font-size:14px}
.wn-track{position:relative;height:44px;border-radius:8px;background-color:var(--vsoft);background-image:repeating-linear-gradient(90deg,transparent 0 calc(16.66% - 1px),var(--vline) calc(16.66% - 1px) 16.66%)}
.wn-blk,.wn-win{position:absolute;top:6px;bottom:6px;display:grid;place-items:center;border-radius:6px;font:600 12px var(--b);font-style:normal;color:#fff;background:var(--blue);transition:left .5s var(--ease),width .5s var(--ease),background .3s}
.wn-win{background:rgba(31,169,113,.25);border:2px dashed #1fa971;color:#127a52}
.wn-blk.run{background:linear-gradient(90deg,var(--blue),var(--sky))}
.wn-blk.run.bad{background:linear-gradient(90deg,#d6483b,#f08a24)}
.wn-dot{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#1fa971;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:left .5s var(--ease),background .3s}
.wn-dot.bad{background:#d6483b}
.wn-msg{margin-top:18px;padding:14px 16px;border-radius:10px;background:var(--vsoft);font-size:15px;color:var(--vtx)}

/* Life Sciences: Temperatur */
.tp-scale{position:relative;padding:10px 0}
.tp-axis{position:relative;height:22px;margin-bottom:8px}
.tp-axis span{position:absolute;transform:translateX(-50%);font-size:12.5px;color:var(--vmut)}
.tp-bars{position:relative;height:96px;border-radius:12px;background:linear-gradient(90deg,rgba(55,194,240,.28),rgba(255,255,255,.06) 50%,rgba(242,138,36,.22));border:1px solid var(--vline)}
.tp-z{position:absolute;top:10px;bottom:10px;display:grid;align-content:center;justify-items:center;gap:2px;padding:0 6px;border-radius:10px;border:2px solid transparent;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;transition:all .25s;min-width:0;overflow:hidden}
.tp-z b{font-size:14px}.tp-z small{font-size:12px;opacity:.85;white-space:nowrap}
.tp-z:hover{background:rgba(255,255,255,.26)}
.tp-z.on{background:#37c2f0;color:#04203a;border-color:#fff}
.tp-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;padding-top:22px;border-top:1px solid var(--vline)}
.tp-info small{font:600 12px var(--b);letter-spacing:.08em;text-transform:uppercase;color:#7fdcff}
.tp-info p{margin-top:4px;font-size:15px;line-height:1.6;color:#cfe0f3}

/* Industrie: Gantt */
.gt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.gt-b{padding:10px 18px;border-radius:99px;border:1.5px solid var(--vline);background:transparent;font:600 14px var(--b);color:var(--vtx);cursor:pointer;transition:all .25s}
.gt-b.on{background:var(--blue);border-color:var(--blue);color:#fff}
.gt-scale{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-left:210px;margin-bottom:8px;font-size:12px;color:var(--vmut)}
.gt-row{display:grid;grid-template-columns:210px 1fr;align-items:center;margin-bottom:8px}
.gt-row label{font-size:14px;font-weight:600}
.gt-track{position:relative;height:30px;border-radius:6px;background:var(--vsoft)}
.gt-track i{position:absolute;top:4px;bottom:4px;border-radius:5px;animation:gtin .7s var(--ease) both}
@keyframes gtin{from{transform:scaleX(0);transform-origin:left}to{transform:none}}
.gt-track i.c0{background:var(--blue)}.gt-track i.c1{background:#2a86c9}.gt-track i.c2{background:var(--sky)}.gt-track i.c3{background:#1fa971}

/* Chemicals: ADR */
.ad{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}
.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;justify-items:center}
.ad-d{position:relative;width:104px;height:104px;background:none;border:0;cursor:pointer;transition:transform .3s var(--ease)}
.ad-d span{position:absolute;inset:14px;display:grid;place-items:center;background:var(--c);border:3px solid #14233a;transform:rotate(45deg);border-radius:6px;box-shadow:0 8px 18px -8px rgba(11,36,71,.5);transition:box-shadow .3s}
.ad-d b{transform:rotate(-45deg);font:800 28px var(--b);color:#14233a}
.ad-d:hover{transform:scale(1.07)}
.ad-d.on span{box-shadow:0 0 0 5px rgba(31,95,168,.35),0 10px 24px -8px rgba(11,36,71,.6)}
.ad-info small{color:var(--vmut)}.ad-info small b{color:var(--vacc);font-size:20px}
.ad-info h3{font-size:24px;margin:6px 0 8px}.ad-info p{color:var(--vmut);line-height:1.65;margin-bottom:6px}

/* Hightech: Schutzebenen */
.ly{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center}
.ly-viz svg{display:block;width:100%;max-width:340px;margin:0 auto}
.ly-viz circle{fill:rgba(127,220,255,.08);stroke:rgba(127,220,255,.4);stroke-width:2;cursor:pointer;transition:fill .3s,stroke .3s}
.ly-viz circle.on{fill:rgba(55,194,240,.3);stroke:#7fdcff;stroke-width:3}
.ly-core rect{fill:#fff}.ly-core path{stroke:#0b2d5a;stroke-width:3;stroke-linecap:round}
.ly-btns{display:grid;gap:8px;margin-bottom:18px}
.ly-b{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--vline);background:transparent;color:var(--vtx);font:600 15px var(--b);text-align:left;cursor:pointer;transition:all .25s}
.ly-b span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(127,220,255,.18);font:700 13px var(--b);color:#7fdcff}
.ly-b.on{background:rgba(127,220,255,.16);border-color:#7fdcff}
.ly-info p{color:#cfe0f3;line-height:1.7;font-size:16px}

/* Consumer: Saisonkurve */
.ss-ctl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ss-b{padding:9px 16px;border-radius:99px;border:1.5px solid var(--vline);background:transparent;font:600 14px var(--b);color:var(--vtx);cursor:pointer;transition:all .25s}
.ss-b.on{background:var(--blue);border-color:var(--blue);color:#fff}
.ss svg{width:100%;height:auto;display:block}
.ss-grid line{stroke:var(--vline);stroke-width:1}.ss-grid text,.ss-m text{fill:var(--vmut);font:500 12px var(--b)}
.ss-demand{fill:none;stroke:var(--navy);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.ss-area.net{fill:rgba(55,194,240,.22);transition:opacity .3s}
.ss-fix{stroke:#d6483b;stroke-width:3;stroke-dasharray:8 6;transition:opacity .3s}
.ss-over rect{fill:rgba(214,72,59,.5);transition:opacity .3s}
.ss[data-m="fix"] .ss-area.net,.ss[data-m="net"] .ss-fix,.ss[data-m="net"] .ss-over rect{opacity:0}
.ss-leg{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:10px;font-size:13.5px;color:var(--vmut)}
.ss-leg i{display:inline-block;width:14px;height:6px;border-radius:3px;margin-right:8px;vertical-align:2px}
.ss-leg .d{background:var(--navy)}.ss-leg .f{background:#d6483b}.ss-leg .n{background:var(--sky)}
.ss[data-m="fix"] .ln,.ss[data-m="net"] .lf{opacity:.35}

/* Responsive */
@media (max-width:1100px){
  .tabs{grid-template-columns:1fr}.tablist{grid-template-columns:1fr 1fr}
  .zig-row,.zig-row.flip{grid-template-columns:1fr}.zig-row.flip .zig-art{order:0}.zig-art{height:130px}
  .stack-grid,.vtl-grid,.split-grid{grid-template-columns:1fr}.stack-head,.vtl-head,.split-head{position:static}
  .pf,.aw,.rl,.wh,.vb,.cu,.db-main,.ad,.ly{grid-template-columns:1fr}
  .tp-info{grid-template-columns:1fr}
  .ticks-row{grid-template-columns:1fr}
}
@media (max-width:720px){
  .tablist{grid-template-columns:1fr}.ticks-2{grid-template-columns:1fr}
  .split-list{grid-template-columns:1fr}
  .ct-stats{grid-template-columns:1fr 1fr}
  .aw-bar,.sp-row{grid-template-columns:110px 1fr 70px}.co-row{grid-template-columns:120px 1fr 64px}
  .rl-line{grid-template-columns:1fr}.rl-node{display:none}
  .cu-bar{grid-template-columns:1fr 1fr}
  .cu-nodes{overflow-x:auto}
  .db-kpi{grid-template-columns:1fr}
  .wn-time{margin-left:0}.wn-lane{grid-template-columns:1fr;gap:4px}
  .gt-scale{margin-left:0}.gt-row{grid-template-columns:1fr;gap:4px}
  .ad-d{width:88px;height:88px}.ad-d span{inset:12px}
  .stack-row{grid-template-columns:44px 1fr}.stack-n{display:none}
}

/* ===== Hero-Medien (Video / Foto) mit blauer Überlagerung ===== */
.phero.has-media{background:#071a35}
.phero-media{position:absolute;inset:0;z-index:-3;overflow:hidden}
.phero-media video,.phero-media img{display:block;width:100%;height:100%;object-fit:cover}
.phero-ov{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,27,56,.92) 0%,rgba(8,36,74,.66) 52%,rgba(11,36,71,.38) 100%),linear-gradient(180deg,rgba(31,95,168,.30),rgba(11,36,71,.42))}
@media (max-width:900px){.phero-ov{background:linear-gradient(180deg,rgba(7,27,56,.86),rgba(8,36,74,.74)),rgba(31,95,168,.2)}}
.phero-ov{background:linear-gradient(90deg,rgba(7,27,56,.9) 0%,rgba(8,36,74,.58) 52%,rgba(11,36,71,.26) 100%),linear-gradient(180deg,rgba(31,95,168,.28),rgba(11,36,71,.38))}