:root{--bg:#eef3f7;--paper:#f8fbfd;--ink:#0b1b2d;--muted:#637286;--line:rgba(11,27,45,.14);--red:#e30613;--blue:#0072ce;--cyan:#26bce8;--steel:#d9e3eb;--max:1180px;--shadow:0 24px 70px rgba(11,27,45,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);font-family:Lato,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5;background:linear-gradient(180deg,#f8fbfd 0%,#edf3f8 44%,#e7eff6 100%);overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.topbar{position:fixed;z-index:60;left:18px;right:18px;top:18px;border:1px solid var(--line);background:rgba(248,251,253,.92);backdrop-filter:blur(22px);box-shadow:0 16px 46px rgba(11,27,45,.13);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.nav{height:82px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:24px;padding:0 18px 0 22px}.brand{display:flex;align-items:center;gap:14px;font-family:Montserrat,Lato,sans-serif;font-weight:900;font-size:18px}.brand img{width:64px;height:64px;object-fit:contain}.navlinks{display:flex;justify-content:center;gap:2px}.navlinks a{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#526276;padding:13px 16px;border-left:1px solid transparent}.navlinks a:hover,.navlinks a.active{color:var(--ink);background:#edf4fa;border-left-color:var(--blue)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;background:var(--red);color:#fff;font-weight:900;border:0;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));box-shadow:0 16px 30px rgba(227,6,19,.20);cursor:pointer}.cta.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero{min-height:100svh;position:relative;display:grid;align-items:center;overflow:hidden;padding:134px 0 72px}.blueprint{position:absolute;inset:0;background:linear-gradient(rgba(0,114,206,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,114,206,.12) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}.hero-media{position:absolute;right:0;top:0;width:52vw;height:100%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);opacity:.48}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),rgba(248,251,253,.62) 38%,rgba(248,251,253,.18))}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05)}.command-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);gap:48px;align-items:end}.system-label{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.system-label span,.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:#49677f}.system-label span{border:1px solid var(--line);background:rgba(255,255,255,.72);padding:8px 10px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.eyebrow:before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--red),var(--blue))}h1,h2,h3{font-family:Montserrat,Lato,sans-serif;letter-spacing:-.06em;line-height:.92;color:var(--ink)}h1{font-size:clamp(54px,8.8vw,124px);max-width:860px;margin:0 0 24px}h2{font-size:clamp(38px,5.8vw,78px);margin:14px 0 18px}.lead{font-size:clamp(18px,2vw,24px);max-width:760px;color:#415168}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.diagnostic-panel{position:relative;background:rgba(255,255,255,.82);border:1px solid var(--line);border-left:5px solid var(--red);box-shadow:var(--shadow);padding:28px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-top img{width:88px}.panel-top span{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--blue)}.diagnostic-panel h2{font-size:42px;margin:0 0 18px}.fault-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:18px 0}.fault-grid a{min-height:100px;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(248,251,253,.74);transition:.25s}.fault-grid a:hover{background:#fff;transform:translateY(-2px)}.fault-grid b{font-size:12px;color:var(--blue);letter-spacing:.16em}.fault-grid span{display:block;font-size:20px;font-weight:900;margin-top:12px}.section{position:relative;padding:116px 0}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.muted{color:var(--muted)}.map-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}.circuit-board{position:relative;min-height:600px;background:linear-gradient(135deg,#f7fbfe,#edf4fa);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}.circuit-board:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,114,206,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(0,114,206,.10) 1px,transparent 1px);background-size:42px 42px}.trace{position:absolute;background:var(--blue);opacity:.45}.t1{left:16%;right:12%;top:45%;height:3px}.t2{left:46%;top:12%;bottom:15%;width:3px}.t3{left:20%;right:18%;top:70%;height:3px;background:var(--red)}.node{position:absolute;width:230px;min-height:138px;background:rgba(255,255,255,.86);border:1px solid var(--line);padding:20px;box-shadow:0 18px 42px rgba(11,27,45,.10);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.node span{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--blue)}.node strong{display:block;font-family:Montserrat,Lato,sans-serif;font-size:25px;margin:12px 0 8px}.node small{color:var(--muted);font-weight:700}.n1{left:7%;top:10%}.n2{right:10%;top:23%}.n3{left:24%;bottom:11%}.n4{right:8%;bottom:8%;border-left:4px solid var(--red)}.cinematic-scroller{height:185vh;position:relative}.cinematic-bg{position:sticky;top:0;height:100vh;overflow:hidden;background:#eaf2f8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scroll-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(.7);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.power-field{position:absolute;inset:0;background:linear-gradient(rgba(0,114,206,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(0,114,206,.11) 1px,transparent 1px);background-size:64px 64px;transform:translateY(calc(var(--p,0)*-.08px));will-change:transform}.power-field i{position:absolute;height:3px;background:linear-gradient(90deg,transparent,var(--blue),var(--red),transparent);left:8%;right:8%;opacity:.55}.power-field i:nth-child(1){top:24%;transform:translateX(calc(var(--p,0)*.08px))}.power-field i:nth-child(2){top:43%;transform:translateX(calc(var(--p,0)*-.05px))}.power-field i:nth-child(3){top:63%;transform:translateX(calc(var(--p,0)*.06px))}.power-field i:nth-child(4){top:78%;transform:translateX(calc(var(--p,0)*-.07px))}.cinema-logo-mark{position:absolute;left:clamp(26px,5vw,80px);top:clamp(98px,14vh,150px);width:150px;height:150px;opacity:.72}.cinema-logo-mark img{width:100%;height:100%;object-fit:contain}.scene-copy{position:absolute;left:clamp(28px,7vw,120px);bottom:clamp(100px,17vh,180px);width:min(650px,calc(100% - 56px));z-index:5}.scene-copy h2{font-size:clamp(52px,8vw,116px);margin:0 0 18px}.scene-copy p{font-size:clamp(18px,2vw,24px);max-width:660px;color:#35465a}.cinema-stage{position:absolute;right:clamp(26px,7vw,110px);top:50%;width:min(42vw,540px);height:min(46vw,540px);transform:translateY(-50%);perspective:900px}.scene-visual{position:absolute;inset:9%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:30px;background:rgba(255,255,255,.78);border:1px solid var(--line);box-shadow:0 30px 90px rgba(11,27,45,.14);opacity:.18;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));transform:translate3d(calc((var(--i,0) - var(--p,0)/25)*46px),calc((var(--i,0) - var(--p,0)/25)*18px),0) scale(.90);transition:opacity .22s ease,transform .22s ease}.scene-visual:nth-child(1){--i:0}.scene-visual:nth-child(2){--i:1}.scene-visual:nth-child(3){--i:2}.scene-visual:nth-child(4){--i:3}.scene-visual.active{opacity:1;z-index:3;transform:translate3d(0,0,0) scale(1)}.scene-visual em{position:absolute;left:28px;top:26px;font-style:normal;font-size:54px;color:var(--blue)}.scene-visual strong{font-family:Montserrat,Lato,sans-serif;font-size:42px;letter-spacing:-.05em}.scene-visual span{font-weight:900;color:var(--muted)}.scene-caption{position:absolute;right:clamp(18px,5vw,70px);bottom:clamp(24px,5vw,70px);display:grid;grid-template-columns:8px auto;gap:15px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.86);padding:16px 18px;min-width:270px;box-shadow:var(--shadow);--scene-progress:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.scene-progress{position:relative;width:6px;height:50px;background:rgba(11,27,45,.12);overflow:hidden}.scene-progress i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--scene-progress)*1%);background:linear-gradient(180deg,var(--cyan),var(--red))}.scene-caption span{font-weight:900;color:var(--blue);font-size:12px;letter-spacing:.16em}.scene-caption strong{display:block}.ledger-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:60px;align-items:start}.ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative}.ledger:before{content:"";position:absolute;inset:22px;background:linear-gradient(90deg,transparent 49%,rgba(0,114,206,.22) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(0,114,206,.18) 50%,transparent 51%);background-size:100% 98px;pointer-events:none;opacity:.65}.row{position:relative;z-index:1;display:block;min-height:176px;padding:22px 22px 20px;background:rgba(255,255,255,.82);border:1px solid rgba(11,27,45,.12);box-shadow:0 18px 50px rgba(11,27,45,.08);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.row:hover{transform:translateY(-4px);background:#fff;box-shadow:0 26px 70px rgba(11,27,45,.13)}.row:nth-child(2n){transform:translateY(28px)}.row:nth-child(2n):hover{transform:translateY(24px)}.row b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:28px;margin-bottom:28px;background:#eef6fd;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.18em}.row strong{display:block;font-family:Montserrat,Lato,sans-serif;font-size:27px;line-height:1.02;letter-spacing:-.045em;margin-bottom:14px}.row span{display:block;color:var(--muted);font-weight:800;line-height:1.4}.row.urgent{background:linear-gradient(135deg,rgba(227,6,19,.10),rgba(255,255,255,.88) 44%);border-left:4px solid var(--red)}.row.urgent b{background:rgba(227,6,19,.10);color:var(--red)}.contact-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;padding:34px;background:#f8fbfd;border:1px solid var(--line);border-left:5px solid var(--blue);box-shadow:var(--shadow);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}.panel-logo{width:100px;margin-bottom:24px}.form{display:grid;gap:12px}.input{width:100%;min-height:54px;padding:16px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.input::placeholder{color:#94a0ad}textarea.input{min-height:128px;resize:vertical}.footer{padding:42px 0;background:#f8fbfd;border-top:1px solid var(--line);color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.subhero{padding:170px 0 80px;background:#f8fbfd}.legal{max-width:860px}.legal h1{font-size:clamp(44px,6vw,82px)}.reveal{opacity:1;transform:none}.cookie{position:fixed;left:18px;bottom:18px;z-index:80;max-width:330px;background:rgba(255,255,255,.95);border:1px solid var(--line);padding:16px;box-shadow:var(--shadow);display:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.cookie.show{display:block}.cookie p{margin:0 0 12px;color:var(--muted);font-size:14px}.cookie .row{display:flex;gap:10px;min-height:0;border:0;padding:0}.cookie-settings{position:fixed;right:18px;bottom:18px;z-index:79;width:48px;height:48px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.map-placeholder{border:1px solid var(--line);padding:24px;background:#fff;min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted)}
@media(max-width:980px){.nav{grid-template-columns:auto 1fr auto}.brand span{display:none}.navlinks{justify-content:start;overflow:auto}.command-grid,.map-layout,.ledger-grid,.contact-panel{grid-template-columns:1fr}.hero-media{width:100%;opacity:.26;clip-path:none}.diagnostic-panel{max-width:620px}.circuit-board{min-height:680px}.cinema-stage{right:10px;width:56vw;opacity:.56}.cinema-logo-mark{display:none}.ledger{grid-template-columns:1fr}.row:nth-child(2n){transform:none}.row:nth-child(2n):hover{transform:translateY(-4px)}.nav-call{font-size:0}.nav-call:before{content:'Anrufen';font-size:14px}}
@media(max-width:620px){.topbar{left:8px;right:8px;top:8px}.nav{height:66px;padding:0 8px}.brand img{width:50px;height:50px}.navlinks{display:none}.hero{padding-top:96px}.system-label span{font-size:10px}h1{font-size:52px}.diagnostic-panel{padding:20px}.fault-grid{grid-template-columns:1fr}.section{padding:78px 0}.node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;margin:18px}.trace{display:none}.circuit-board{min-height:0;padding:18px}.scene-copy{bottom:130px}.scene-copy h2{font-size:48px}.scene-copy p{font-size:16px}.cinema-stage{width:78vw;top:42%;opacity:.30}.scene-caption{left:18px;right:18px;min-width:0}.ledger{grid-template-columns:1fr}.row{min-height:0}.row:nth-child(2n){transform:none}.footer .wrap{display:block}}