:root{--bg:#0a0d10;--bg2:#10151a;--panel:#141a20;--line:#252e36;--text:#f5f7f8;--muted:#98a5af;--blue:#1596ff;--blue2:#0a6cc5;--green:#2bd576;--white:#fff;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0b0e11;color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(8,11,14,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.navwrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:16px;letter-spacing:-1px;background:linear-gradient(145deg,#1f9cff,#0759a4);box-shadow:0 8px 30px rgba(21,150,255,.22)}.brandtext{display:flex;flex-direction:column;line-height:.95}.brandtext strong{font-size:18px;letter-spacing:2px}.brandtext span{font-size:9px;letter-spacing:3.8px;color:#9aa8b2;margin-top:5px}.nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#cbd2d8}.nav a{transition:.2s}.nav a:hover{color:white}.nav-support{padding:10px 16px;border:1px solid #2e3942;border-radius:8px;background:#141a1f}.menubtn{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:850px;position:relative;display:flex;align-items:center;padding-top:78px;overflow:hidden;background:radial-gradient(circle at 73% 37%,rgba(19,115,194,.20),transparent 30%),linear-gradient(180deg,#0a0d10,#0d1217)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-content{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative;z-index:2}.eyebrow,.kicker{font-size:12px;letter-spacing:2.5px;color:#69baff;font-weight:800}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:28px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:64px;line-height:1.03;letter-spacing:-3.3px;margin:22px 0 24px;max-width:720px}.hero h1 em{font-style:normal;color:#7bbef3}.hero-copy>p{font-size:19px;color:#aab5bd;max-width:650px}.hero-actions{display:flex;gap:12px;margin:34px 0 42px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:9px;border:1px solid transparent;font-weight:750;font-size:14px;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#1596ff,#0872d0);box-shadow:0 10px 30px rgba(21,150,255,.18)}.btn.ghost{border-color:#34414c;background:rgba(255,255,255,.025)}.hero-trust{display:flex;gap:35px;border-top:1px solid #25303a;padding-top:25px}.hero-trust div{display:flex;flex-direction:column}.hero-trust b{font-size:14px}.hero-trust span{color:#768590;font-size:11px;margin-top:3px}.hero-visual{position:relative;height:520px}.window{position:absolute;background:#11171d;border:1px solid #303b45;border-radius:14px;overflow:hidden;box-shadow:0 45px 100px rgba(0,0,0,.5)}.mainwindow{width:600px;height:415px;left:0;top:40px;transform:perspective(1100px) rotateY(-7deg) rotateX(2deg)}.windowbar{height:38px;background:#171e24;border-bottom:1px solid #2b343d;display:flex;align-items:center;gap:6px;padding:0 13px}.windowbar span{width:8px;height:8px;border-radius:50%;background:#48535d}.windowbar b{font-size:10px;color:#71808c;font-weight:600;margin-left:10px}.viewport{position:relative;height:calc(100% - 38px);background:radial-gradient(circle,#14202a,#0a0e12);overflow:hidden}.viewport:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,123,179,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(34,123,179,.12) 1px,transparent 1px);background-size:25px 25px;transform:perspective(500px) rotateX(58deg) scale(1.6);transform-origin:center bottom}.machine-frame{position:absolute;left:110px;top:75px;width:360px;height:220px;border:6px solid #606e78;border-bottom-width:13px}.gantry{position:absolute;left:38px;right:38px;top:24px;height:24px;background:#55636e}.spindle{position:absolute;left:157px;top:43px;width:38px;height:108px;background:linear-gradient(90deg,#343e46,#8a99a4,#343e46);border-radius:5px}.table{position:absolute;left:28px;right:28px;bottom:20px;height:35px;background:#39454e;transform:skewX(-17deg)}.part{position:absolute;width:145px;height:68px;background:#ae834d;left:102px;bottom:54px;transform:skewX(-17deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}.path{position:absolute;height:2px;background:#f6cc38;box-shadow:0 0 8px #f6cc38}.p1{width:120px;left:120px;bottom:92px;transform:rotate(-11deg)}.p2{width:94px;left:151px;bottom:112px;transform:rotate(15deg)}.p3{width:110px;left:123px;bottom:128px;transform:rotate(-6deg)}.hud{position:absolute;left:22px;bottom:20px;display:flex;flex-direction:column}.hud span{color:#41b7ff;font-size:9px;letter-spacing:2px}.hud strong{font-size:16px}.hud small{color:#6e7f8c}.floating-card{position:absolute;background:rgba(20,27,33,.96);border:1px solid #33404a;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:14px 16px;display:flex;gap:10px;align-items:center}.floating-card b{font-size:12px}.floating-card small{font-size:10px;color:#82919c;display:block}.fc1{right:-18px;top:5px}.fc2{left:15px;bottom:18px}.dot{width:10px;height:10px;border-radius:50%}.dot.green{background:var(--green);box-shadow:0 0 12px rgba(43,213,118,.8)}.codeicon{width:34px;height:34px;border-radius:8px;background:#122e43;color:#54baff;display:grid;place-items:center;font-weight:800}.intro{padding:115px 0;background:#f3f5f6;color:#11171b}.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:52px}.section-head h2,.competence h2,.about h2,.contact h2,.support h2{font-size:46px;line-height:1.08;letter-spacing:-2.2px;margin:12px 0 0}.section-head p{color:#5d6870;font-size:16px;margin-bottom:5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{background:#fff;border:1px solid #dde2e5;border-radius:17px;overflow:hidden;min-height:490px;box-shadow:0 12px 35px rgba(10,20,30,.05)}.card-tag{position:absolute;margin:18px;background:rgba(7,15,21,.75);color:#a9d8ff;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);font-size:9px;letter-spacing:2px;border-radius:20px;padding:7px 10px;z-index:2}.product-screen{height:275px;background:#111820;position:relative;overflow:hidden}.card-body{padding:28px 30px}.card-body h3{font-size:24px;letter-spacing:-.7px;margin-bottom:10px}.card-body p{color:#66717a;max-width:550px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{font-size:10px;border:1px solid #d9dfe3;background:#f7f8f9;border-radius:20px;padding:5px 9px;color:#53606a}.cam-screen{background:radial-gradient(circle at 50% 60%,#20384a,#0e141a)}.screen-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(80,170,230,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(80,170,230,.10) 1px,transparent 1px);background-size:24px 24px;transform:perspective(500px) rotateX(62deg) scale(1.7);transform-origin:center bottom}.stock{position:absolute;width:220px;height:85px;left:50%;top:58%;transform:translate(-50%,-50%) skewX(-18deg);background:linear-gradient(145deg,#b9864e,#7a542e);border:1px solid #d5aa79}.tool{position:absolute;width:28px;height:120px;left:50%;top:3%;transform:translateX(-50%);background:linear-gradient(90deg,#313a42,#9aa7b0,#313a42);z-index:2}.cam-screen i{position:absolute;left:32%;width:190px;height:2px;background:#ffd339;box-shadow:0 0 7px #ffd339;transform:rotate(-8deg)}.cam-screen i:nth-of-type(1){top:55%}.cam-screen i:nth-of-type(2){top:63%;transform:rotate(8deg)}.cam-screen i:nth-of-type(3){top:70%;transform:rotate(-3deg)}.scan-screen{background:linear-gradient(135deg,#192731,#0d1217)}.barcode{position:absolute;width:280px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);background:repeating-linear-gradient(90deg,#e8edf0 0 4px,transparent 4px 8px,#e8edf0 8px 10px,transparent 10px 15px);opacity:.75}.scannerline{position:absolute;top:52%;left:10%;right:10%;height:2px;background:#28da79;box-shadow:0 0 15px #28da79}.mini-panel{position:absolute;right:20px;bottom:18px;background:#151d23;border:1px solid #34414a;padding:13px 15px;border-radius:10px;display:flex;flex-direction:column}.mini-panel b{color:#fff}.mini-panel span{color:#6f8493;font-size:9px}.mini-panel strong{color:#43de84;font-size:11px;margin-top:3px}.connector-screen{background:#0f161c}.node{position:absolute;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;border:1px solid #42657d;background:#152b3a;color:#cbeaff;z-index:2}.n1{left:16%;top:39%}.n2{left:44%;top:20%;background:#0d6ab1;border-color:#1596ff}.n3{right:16%;top:48%}.line{position:absolute;height:2px;background:linear-gradient(90deg,#275370,#2aa7ff);transform-origin:left}.l1{width:185px;left:28%;top:49%;transform:rotate(-18deg)}.l2{width:190px;left:54%;top:39%;transform:rotate(23deg)}.custom-art{height:275px;background:linear-gradient(135deg,#10171d,#16232c);display:flex;align-items:center;justify-content:center;gap:14px;color:#a9bac6}.custom-art span{padding:12px 16px;border:1px solid #314451;border-radius:8px}.custom-art b{font-size:28px;color:#1596ff}.custom-art strong{font-size:20px;color:#667884}.custom-art em{font-style:normal;color:#fff;font-weight:800}.competence{padding:115px 0;background:#0b0f13}.competence-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.competence-copy p{color:#8b99a4;max-width:450px}.textlink{color:#5eb5f8;font-weight:700}.capabilities{border-top:1px solid #2a333b}.cap{display:grid;grid-template-columns:65px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid #2a333b}.cap>span{color:#4aaaf3;font-size:11px}.cap b{font-size:19px}.cap p{color:#7d8b95;margin:5px 0 0;font-size:14px}.about{padding:115px 0;background:#fff;color:#10161a}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{min-height:390px;background:linear-gradient(135deg,#0f151b,#17232c);border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.about-visual:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(55,157,228,.22);border-radius:50%}.big-rws{font-size:108px;font-weight:950;letter-spacing:-10px;background:linear-gradient(135deg,#86cfff,#0874c9);background-clip:text;-webkit-background-clip:text;color:transparent;position:relative}.about-label{font-size:11px;letter-spacing:5px;color:#8296a4;text-align:center;position:relative}.about-copy p{font-size:17px;color:#4f5c64}.about-copy .muted{color:#7a858c;font-size:14px}.support{padding:80px 0;background:#f3f5f6}.supportbox{background:linear-gradient(120deg,#096ab8,#159cff);border-radius:20px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 25px 60px rgba(10,104,184,.25)}.supportbox h2{margin:8px 0 12px;font-size:38px}.supportbox p{margin:0;color:#d7efff}.kicker.light{color:#ccecff}.btn.white{background:#fff;color:#0b6bb5;white-space:nowrap}.contact{padding:115px 0;background:#eef1f3;color:#10161a}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.contact-grid>div>p{color:#65727a;max-width:480px}.contact-form{background:#fff;border:1px solid #d8dfe3;border-radius:16px;padding:30px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;letter-spacing:.7px;color:#4b5962;margin-bottom:16px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{font:inherit;border:1px solid #d7dfe4;background:#f9fafb;border-radius:8px;padding:12px 13px;color:#192126;outline:none}input:focus,select:focus,textarea:focus{border-color:#1596ff;box-shadow:0 0 0 3px rgba(21,150,255,.10)}footer{background:#080b0e;border-top:1px solid #20272d;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer-grid>div:not(.brand){display:flex;flex-direction:column;gap:8px}.footer-grid b{font-size:12px;margin-bottom:5px}.footer-grid a{font-size:12px;color:#7d8a93}.copyright{border-top:1px solid #20272d;margin-top:45px;padding-top:20px;color:#56636c;font-size:11px}@media(max-width:1050px){.hero-content{grid-template-columns:1fr}.hero{padding:145px 0 90px}.hero-visual{height:440px}.mainwindow{left:50%;transform:translateX(-50%);width:min(600px,90vw)}.section-head,.competence-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.product-grid{grid-template-columns:1fr}.nav{gap:18px}}@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 28px))}.nav{position:absolute;top:78px;left:0;right:0;background:#0c1115;border-bottom:1px solid #263039;padding:18px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menubtn{display:block}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-trust{gap:16px;flex-wrap:wrap}.mainwindow{height:350px}.fc1{right:0}.fc2{left:0}.section-head h2,.competence h2,.about h2,.contact h2{font-size:36px}.product-screen,.custom-art{height:220px}.formrow{grid-template-columns:1fr}.supportbox{padding:35px 27px;align-items:flex-start;flex-direction:column}.supportbox h2{font-size:31px}.footer-grid{grid-template-columns:1fr 1fr}.footerbrand{grid-column:1/-1}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}}


/* ===== RWS Website Ausbau ===== */
.nav-portal{padding:10px 16px;border-radius:8px;background:linear-gradient(135deg,#1596ff,#0872d0);color:#fff!important;font-weight:750}
.card-link{display:inline-flex;margin-top:18px;color:#087bd4;font-size:13px;font-weight:800}
.product-detail{padding:105px 0}
.dark-product{background:#0b0f13;color:#f5f7f8;border-top:1px solid #212930}
.light-product{background:#eef1f3;color:#10161a}
.detail-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center}
.detail-grid.reverse{grid-template-columns:1.22fr .78fr}
.detail-grid.reverse .detail-copy{order:2}
.detail-copy h2{font-size:43px;line-height:1.07;letter-spacing:-2px;margin:12px 0 18px}
.detail-copy>p{font-size:16px;color:#8b99a4}
.light-product .detail-copy>p{color:#64727b}
.feature-list{list-style:none;padding:0;margin:25px 0 28px;border-top:1px solid #29323a}
.light-product .feature-list{border-color:#d4dade}
.feature-list li{position:relative;padding:13px 0 13px 26px;border-bottom:1px solid #29323a;color:#a4b0b8}
.light-product .feature-list li{border-color:#d4dade;color:#52616a}
.feature-list li:before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50%;background:#1596ff;box-shadow:0 0 12px rgba(21,150,255,.4)}

.rws-slider{position:relative;min-width:0}
.slides{position:relative;height:480px}
.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(14px);transition:opacity .45s ease,transform .45s ease}
.slide.active{opacity:1;pointer-events:auto;transform:none}
.visual{height:390px;border:1px solid #303b45;border-radius:16px;background:#10161c;overflow:hidden;position:relative;box-shadow:0 32px 70px rgba(0,0,0,.28)}
.light-slider .visual{border-color:#d0d7db;box-shadow:0 25px 60px rgba(30,50,60,.10)}
.slide-caption{padding:16px 55px 0 2px;display:flex;flex-direction:column;gap:3px}
.slide-caption b{font-size:15px}
.slide-caption span{font-size:12px;color:#82909a}
.light-slider .slide-caption span{color:#68757d}
.slider-btn{position:absolute;top:178px;width:42px;height:42px;border-radius:50%;border:1px solid #384550;background:rgba(9,14,18,.86);color:#fff;font-size:28px;display:grid;place-items:center;cursor:pointer;z-index:4}
.slider-btn:hover{border-color:#1596ff}
.slider-btn.prev{left:15px}.slider-btn.next{right:15px}
.light-slider .slider-btn{background:rgba(255,255,255,.92);color:#12202a;border-color:#cbd3d8}
.slider-dots{display:flex;gap:8px;position:absolute;right:2px;bottom:16px;z-index:5}
.slider-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#45535e;padding:0;cursor:pointer}
.slider-dots button.active{background:#1596ff;box-shadow:0 0 9px rgba(21,150,255,.5)}
.light-slider .slider-dots button{background:#b6c0c6}.light-slider .slider-dots button.active{background:#087bd4}

/* CAM slider visuals */
.cam-detail-v1{background:radial-gradient(circle at 55% 55%,#1f3545,#0d1318)}
.cam-detail-v1:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(49,143,204,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(49,143,204,.10) 1px,transparent 1px);background-size:30px 30px;transform:perspective(600px) rotateX(63deg) scale(1.5);transform-origin:center bottom}
.sim-title{position:absolute;left:22px;top:20px;color:#46b6ff;font-size:10px;letter-spacing:2px}
.sim-machine{position:absolute;width:390px;height:220px;left:50%;top:50%;transform:translate(-50%,-45%);border:6px solid #5e6d78;border-bottom-width:14px}
.sim-machine span{position:absolute;left:38px;right:38px;top:25px;height:24px;background:#576670}
.sim-machine i{position:absolute;left:176px;top:48px;width:38px;height:110px;background:linear-gradient(90deg,#313c44,#9cabba,#313c44)}
.sim-machine b{position:absolute;left:105px;bottom:25px;width:180px;height:55px;background:#ae834d;transform:skewX(-15deg)}
.sim-path{position:absolute;width:230px;height:3px;left:50%;top:63%;transform:translateX(-50%) rotate(-7deg);background:#ffd339;box-shadow:0 0 10px #ffd339}
.sim-coords{position:absolute;left:22px;bottom:20px;color:#778792;font-size:10px}
.cam-detail-v2{background:linear-gradient(135deg,#151c22,#0d1217)}
.photo-map{position:absolute;left:10%;top:12%;width:80%;height:73%;border-radius:8px;background:radial-gradient(circle at 28% 40%,#b8b9b7 0 5%,transparent 6%),radial-gradient(circle at 55% 52%,#9ea19e 0 9%,transparent 10%),radial-gradient(circle at 72% 33%,#c2c1bd 0 6%,transparent 7%),linear-gradient(135deg,#333d43,#858b8c,#2a3237);filter:contrast(1.1)}
.toolpath-lines{position:absolute;left:13%;right:13%;top:18%;bottom:20%;background:repeating-linear-gradient(165deg,transparent 0 10px,rgba(255,207,49,.9) 10px 12px,transparent 12px 19px);mix-blend-mode:screen}
.preview-badge{position:absolute;right:20px;bottom:18px;padding:8px 11px;background:#11181d;border:1px solid #35434d;border-radius:8px;color:#56baff;font-size:9px;letter-spacing:1.5px}
.cam-detail-v3{background:linear-gradient(135deg,#11171d,#17222a)}
.machine-list{position:absolute;left:25px;top:30px;width:190px;background:#0d1318;border:1px solid #303b44;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:10px}
.machine-list span{padding:9px 10px;border-radius:6px;background:#161f26;color:#84939e;font-size:11px}
.machine-list span:first-child{background:#0e659f;color:white}
.axis{position:absolute;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.axis-x{left:58%;top:38%;background:#973b3b}.axis-y{left:68%;top:52%;background:#3c9158}.axis-z{left:79%;top:29%;background:#3972a5}

/* WopScan */
.scan-detail-v1{background:linear-gradient(135deg,#1b2933,#0e151a)}
.big-barcode{position:absolute;width:65%;height:115px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-3deg);background:repeating-linear-gradient(90deg,#eef2f4 0 4px,transparent 4px 8px,#eef2f4 8px 10px,transparent 10px 16px)}
.scan-beam{position:absolute;left:10%;right:10%;top:49%;height:2px;background:#2bd576;box-shadow:0 0 18px #2bd576}
.scan-status{position:absolute;right:20px;bottom:18px;padding:13px 16px;background:#142028;border:1px solid #33424d;border-radius:10px;display:flex;flex-direction:column}
.scan-status b{font-size:9px;color:#47df89;letter-spacing:1px}.scan-status span{font-size:15px;color:#fff}
.scan-detail-v2{display:flex;align-items:center;justify-content:center;gap:18px;background:#f7f9fa!important}
.flow-node{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:1px solid #bfcbd2;background:#fff;color:#41515c;font-weight:900;font-size:12px}
.flow-node.strong{background:#087bd4;color:#fff;border-color:#087bd4;box-shadow:0 15px 30px rgba(8,123,212,.18)}
.flow-arrow{font-size:26px;color:#76909f}
.scan-detail-v3{background:#10171c;padding:40px}
.log-head{color:#55b9ff;font-size:10px;letter-spacing:2px;border-bottom:1px solid #2e3941;padding-bottom:14px}
.log-row{padding:18px 15px;border-bottom:1px solid #28323a;color:#82919c;font:12px Consolas,monospace}
.log-row.ok{color:#55d88b}

/* interfaces */
.interface-v1{background:#0d1419}
.if-node,.if-core{position:absolute;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.if-node{top:42%;transform:translateY(-50%);border:1px solid #3b607a;background:#142c3b;color:#cceaff}
.if-node.left{left:11%}.if-node.right{right:11%}
.if-core{left:50%;top:42%;transform:translate(-50%,-50%);background:#087bd4;color:#fff;border:1px solid #1596ff}
.if-line{position:absolute;top:42%;height:2px;background:linear-gradient(90deg,#285675,#28a6ff);width:26%}
.if-line.l{left:25%}.if-line.r{right:25%}
.interface-v2{display:flex;align-items:center;justify-content:center;gap:15px;background:#f7f9fa!important}
.filetype{padding:20px 18px;border-radius:10px;border:1px solid #cbd4d9;background:#fff;color:#344650;font-size:13px;font-weight:900}
.convert{font-size:25px;color:#087bd4}
.interface-v3{background:#11181d;padding:55px 70px}
.api-row{padding:17px 18px;border:1px solid #2d3941;border-radius:8px;margin:10px 0;color:#83929d}
.api-row.active{background:#0d6eb0;color:#fff;border-color:#1596ff}

/* custom */
.custom-v1{display:flex;align-items:center;justify-content:center;gap:12px;background:#f8f9fa!important}
.custom-step{padding:18px 19px;border:1px solid #cbd4d9;border-radius:10px;background:#fff;color:#42535e;font-size:11px;font-weight:900}
.custom-step.strong{background:#087bd4;color:#fff;border-color:#087bd4}.custom-plus,.custom-eq{font-size:22px;color:#69808d}
.custom-v2{background:#10171c}
.ui-sidebar{position:absolute;left:22px;top:22px;bottom:22px;width:115px;border-radius:10px;background:#18232b;border:1px solid #303c44}
.ui-panel{position:absolute;left:158px;right:25px;top:35px;bottom:35px;border:1px solid #303b43;background:#141d23;border-radius:11px;padding:25px}
.ui-panel span{display:block;height:11px;background:#27353f;border-radius:8px;margin:12px 0}.ui-panel span:nth-child(1){width:38%}.ui-panel span:nth-child(2){width:72%}.ui-panel span:nth-child(3){width:54%}.ui-panel b{display:block;height:100px;margin-top:28px;background:#0c6aa8;border-radius:9px}
.custom-v3{display:grid;place-items:center;background:#f7f9fa!important}
.automation-flow{display:flex;align-items:center;gap:10px}.automation-flow span{padding:14px;border:1px solid #cbd4d9;background:white;border-radius:8px;font-size:11px;font-weight:800;color:#40525e}.automation-flow i{font-style:normal;color:#087bd4}

.portal-band{background:#0c1115;border-top:1px solid #20282e;padding:65px 0}
.portal-box{display:flex;align-items:center;justify-content:space-between;gap:35px}
.portal-box h2{font-size:38px;margin:8px 0 8px}.portal-box p{margin:0;color:#82919b}
.portal-button{white-space:nowrap}

.privacy-check{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important}
.privacy-check input{margin-top:2px;width:auto}
.privacy-check a{color:#087bd4;text-decoration:underline}
.form-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin-top:14px;font-size:13px;min-height:20px}
.form-status.ok{color:#159653}.form-status.error{color:#c73f3f}

@media(max-width:1000px){
  .detail-grid,.detail-grid.reverse{grid-template-columns:1fr;gap:45px}
  .detail-grid.reverse .detail-copy{order:0}
  .slides{height:450px}
}
@media(max-width:760px){
  .product-detail{padding:75px 0}
  .detail-copy h2{font-size:34px}
  .visual{height:315px}
  .slides{height:410px}
  .slider-btn{top:139px}
  .portal-box{align-items:flex-start;flex-direction:column}
  .portal-button{width:100%}
  .sim-machine{width:280px;height:170px}
  .sim-machine i{left:121px;height:82px}.sim-machine b{left:70px;width:130px}
  .interface-v2,.custom-v1,.automation-flow{gap:7px;flex-wrap:wrap;padding:22px}
  .flow-node{width:82px;height:82px}
}

/* legal */
.legal-hero{padding:150px 0 65px;background:radial-gradient(circle at 78% 20%,rgba(19,115,194,.16),transparent 28%),linear-gradient(180deg,#0a0d10,#0d1217);border-bottom:1px solid #202932}
.legal-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:14px 0 12px}.legal-hero p{max-width:720px;color:#93a2ad;font-size:16px}
.legal-content{background:#f3f5f6;color:#12181c;padding:75px 0 105px}.legal-wrap{max-width:900px}.legal-card{background:#fff;border:1px solid #dce2e6;border-radius:16px;box-shadow:0 12px 35px rgba(10,20,30,.05);padding:42px 46px}
.legal-card h2{font-size:24px;letter-spacing:-.6px;margin:34px 0 10px}.legal-card h2:first-child{margin-top:0}.legal-card h3{font-size:17px;margin:25px 0 8px}.legal-card p,.legal-card li{color:#53616a;font-size:15px}.legal-card a{color:#087bd4;text-decoration:underline;text-underline-offset:2px}.legal-card ul{padding-left:22px}.legal-back{display:inline-flex;margin-top:32px;color:#087bd4;font-size:14px;font-weight:750}
@media(max-width:760px){.legal-hero{padding:125px 0 48px}.legal-content{padding:45px 0 70px}.legal-card{padding:28px 22px}}

/* Anfrageformular V4.3 */
.form-section-title{font-size:10px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#1596ff;margin:3px 0 14px;padding-top:5px}.form-section-title:not(:first-child){border-top:1px solid #e5e9ec;padding-top:22px;margin-top:6px}.formrow-address{grid-template-columns:1.5fr .55fr 1fr}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0}.contact-form textarea{resize:vertical;min-height:150px}.contact-form button[disabled]{opacity:.7;cursor:wait}.privacy-check span{line-height:1.45}.privacy-check input{flex:0 0 auto;width:16px!important;height:16px;margin-right:1px}
@media(max-width:760px){.formrow-address{grid-template-columns:1fr}.contact-form{padding:24px 20px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;min-height:46px}.privacy-check input{min-height:auto}}