:root{--ink:#102235;--line:rgba(255,255,255,.25)}
body{font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #2dbbfa;outline-offset:5px}section[id],article[id]{scroll-margin-top:110px}.wrap{width:min(1280px,calc(100% - 96px))}.section{padding:80px 0}.kicker{font-size:12px;line-height:1.5;letter-spacing:.14em}.brand{font-size:17px;letter-spacing:-.035em;line-height:1.2;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.2em;font-weight:400;margin-top:5px}.links{font-size:14px;align-items:center}.btn{font-size:14px;font-weight:600;min-height:46px;border-radius:12px;transition:background .25s,transform .25s}.btn:hover{background:rgba(113,206,255,.22);transform:translateY(-2px)}.primary{background:#fff;color:#142437;border-color:rgba(255,255,255,.7)}header{top:0;width:100%;border-radius:0;border-width:0 0 1px;background:rgba(7,20,38,.34)}nav{max-width:1400px;margin:auto;height:84px;padding:0 36px}.menu-toggle{display:none}.hero{min-height:780px;height:94svh;max-height:1120px;background:#071a33;transition:background 1.2s}.hero.on{background:#29486b;color:#fff}.hero-grid{grid-template-columns:1fr 1fr;min-height:100%;width:min(1380px,calc(100% - 96px));padding:150px 0 100px;gap:0}.hero-grid>div:first-child{z-index:6;max-width:680px;pointer-events:none}.hero-grid>div:first-child a,.hero-grid>div:first-child button{pointer-events:auto}.hero h1{font-size:clamp(64px,6.8vw,110px);line-height:.98;letter-spacing:-.06em;margin:22px 0}.grad{background-image:linear-gradient(100deg,#fff 5%,#c6efff 30%,#9fc7ff 51%,#ebb8ff 70%,#fff 95%);background-size:200%;animation-duration:14s}.lead,.hero.on .lead{font-size:19px;line-height:1.6;color:#d2e0ed;max-width:460px}.hero-grid>div:first-child>p:last-child{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.stage{position:absolute;right:-48px;top:0;width:75%;height:100%;z-index:1;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:brightness(.5) saturate(.82);transition:filter 1.2s,transform 8s;transform:scale(1.02)}.on .hero-photo{filter:brightness(.95) saturate(1.05);transform:scale(1.045)}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071a33 0%,rgba(7,26,51,.66) 18%,transparent 55%),linear-gradient(0deg,#071a33 0%,transparent 25%);transition:opacity 1.2s}.on .scene-shade{opacity:.65}.scene-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 53%,#b8ddff44,transparent 65%);opacity:0;transition:opacity 1.2s;mix-blend-mode:screen}.on .scene-glow{opacity:1}.scene-caption{position:absolute;bottom:46px;left:27%;right:48px;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.13em;color:#bcd2e6}.power{bottom:90px;right:60px;background:rgba(13,29,48,.42);backdrop-filter:blur(18px);min-width:92px}.aurora{z-index:3;pointer-events:none;inset:-15%;filter:blur(35px);opacity:.55;mix-blend-mode:screen}.aurora i{width:65vw;height:15vw;min-height:100px;filter:blur(14px);border-radius:50%;background:transparent!important;border-top:18px solid #009dff;box-shadow:0 -20px 45px #0ab4ff66;transform:rotate(-28deg);animation:aurora-flow 15s ease-in-out infinite alternate}.aurora i:nth-child(1){left:28%;top:14%}.aurora i:nth-child(2){border-color:#9863fc;left:5%;top:44%;animation-delay:-6s}.aurora i:nth-child(3){border-color:#cf63fc;left:45%;bottom:16%;animation-delay:-10s}@keyframes aurora-flow{to{transform:translate3d(7%,18%,0) rotate(12deg) scale(1.2,.85)}}h2{font-size:clamp(35px,4vw,60px);line-height:1.06;letter-spacing:-.045em}.effect{padding:0;background:#e8f2fc;color:#102235}.effect .wrap{width:100%;max-width:1600px}.split{gap:0;grid-template-columns:1.08fr 1fr}.office2{min-height:480px;border-radius:0 24px 24px 0;border:0}.office2>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:80% center;animation:subtle-pan 22s ease-in-out infinite alternate}.image-note{position:absolute;left:24px;bottom:24px;color:#fff;font-size:12px}.copy{border-radius:0;background:radial-gradient(ellipse at top right,#c0e6ff99,transparent 70%),linear-gradient(120deg,#fff9,#dce9f49);border:0;box-shadow:none;padding:70px;align-items:flex-start}.copy .kicker,.light .kicker{color:#5e7080}.copy p{font-size:17px;color:#43576a;line-height:1.7;max-width:450px}.copy .primary,.planning .btn,.contact .btn,dialog .primary{background:#12273a;color:#fff;border-color:#12273a}.light{background:radial-gradient(ellipse at right top,#e0f3ff,transparent 65%),linear-gradient(130deg,#f4f9fc,#e7f0f9 55%,#f5ecf7)}#produkte{padding-bottom:62px}#serien{background:linear-gradient(140deg,#fffdf9,#f1f8fc 60%,#edf5fc);padding-top:65px}.intro{font-size:17px;max-width:600px}.grid5{gap:12px}.card{text-align:left;cursor:pointer;min-height:170px;padding:24px 18px;background:linear-gradient(140deg,#ffffffd9,#ffffff73);border-color:#fff;box-shadow:0 12px 35px #536f9010}.card b{font-size:14px;font-weight:500;line-height:1.4}.card small{font-size:12px}.icon{margin-bottom:18px;border-radius:50%;font-size:28px;color:#263c50}.products{gap:20px}.product{padding:12px;background:linear-gradient(135deg,#fff9,#fff4);border:1px solid #fff;box-shadow:0 18px 45px #4867800b;border-radius:19px}.product-title{padding:13px 8px 18px}.product-title .kicker{font-size:11px;text-transform:none;letter-spacing:.02em}.product h3{margin:8px 0 0;font-size:23px;font-weight:600}.visual{height:290px;background:#102235;border-radius:12px;isolation:isolate}.visual>img{width:100%;height:100%;object-fit:cover;transition:transform 1s,filter 1s;transform:scale(1.01)}.visual[data-scene="lara"]>img{object-position:80% center}.visual[data-view="detail"]>img{transform:scale(1.6);object-position:65% 32%}.visual[data-view="evening"]>img{filter:brightness(.58) saturate(.75)}.visual.dim>img{filter:brightness(.32) saturate(.65)}.product-light{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 55% 30%,#fff3c225,transparent 65%);mix-blend-mode:screen;transition:opacity 1s}.dim .product-light{opacity:0}.scene-tag{position:absolute;left:14px;bottom:16px;border:1px solid #ffffff44;background:#06182a66;backdrop-filter:blur(12px);padding:8px 10px;font-size:12px;border-radius:7px;color:white}.scene-switch{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff77;background:#ffffffdf;color:#102235;width:44px;height:44px;border-radius:50%;font-size:24px;cursor:pointer}.gallery{margin:9px 0 18px;gap:8px}.thumb{height:66px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;cursor:pointer;background:#13283a}.thumb:after{display:none}.thumb img{width:100%;height:100%;object-fit:cover;opacity:.7}.thumb[data-view="detail"] img{transform:scale(1.5)}.thumb[data-view="evening"] img{filter:brightness(.45)}.thumb span{position:absolute;bottom:5px;left:7px;font-size:11px;color:#fff;text-shadow:0 1px 5px #000}.thumb.selected{border-color:#57bcea}.product p{font-size:15px;line-height:1.6;min-height:72px}.product-more{margin:0 8px 7px;border-color:#73879955;background:#ffffff55;color:#21394c}.dark{background:radial-gradient(ellipse at left top,#173957,#0b1827 70%)}.projects{grid-template-columns:.9fr 1.3fr;gap:45px}.proj{border-radius:16px;padding:11px}.project-image{height:250px;overflow:hidden;border-radius:10px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.proj:hover img{transform:scale(1.045)}.proj h3{font-size:19px;margin:20px 8px 10px}.proj p{font-size:15px;line-height:1.6;color:#c1d3e0;margin:0 8px 10px}.planning{padding:60px 0;background:linear-gradient(120deg,#f5f7fb,#eaf3fc)}.plan{align-items:center;grid-template-columns:1.35fr repeat(3,1fr);gap:24px}.plan h2{font-size:36px}.plan p{font-size:15px;line-height:1.6}.tile{background:transparent;box-shadow:none;border:0;padding:14px;text-align:center}.tile .icon{margin:0 auto 20px;background:#d1e8ff;border:0;color:#1d7ece}.tile b{font-size:15px}.devis{padding:65px 0}.devis .wrap{position:relative;z-index:5}.devis h2{font-size:44px}.devis p{max-width:660px;line-height:1.6}.contact{padding:65px 0}.contact h2{font-size:42px}.contactbox{padding:28px;background:linear-gradient(140deg,#fff,#f0f6fa)}.contactbox p{line-height:1.7}footer{font-size:14px;line-height:1.7}footer small{font-size:12px;color:#657886}.fade{opacity:1;transform:none}.js .fade{opacity:0;transform:translateY(24px)}.js .fade.in{opacity:1;transform:none}dialog{border:1px solid #ffffff99;background:#edf5fbea;color:#102235;backdrop-filter:blur(28px);border-radius:24px;padding:36px;width:min(950px,calc(100% - 32px));max-height:90svh;box-shadow:0 40px 100px #0005}dialog::backdrop{background:#031429bb;backdrop-filter:blur(8px)}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.dialog-layout>img{width:100%;height:390px;object-fit:cover;border-radius:15px}.dialog-layout h2{font-size:36px}.dialog-layout p,.dialog-layout li{font-size:16px;line-height:1.65}.dialog-layout ul{padding-left:20px;margin-bottom:25px}.dialog-close{position:absolute;right:10px;top:6px;border:0;background:transparent;font-size:32px;width:44px;height:44px;cursor:pointer}@keyframes subtle-pan{to{transform:scale(1.06)}}
@media(min-width:951px){.hero-grid>div:first-child{width:115%}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.links{gap:16px}.hero-grid{width:calc(100% - 56px)}.copy{padding:40px}.grid5{grid-template-columns:repeat(5,1fr)}.products{gap:12px}.product h3{font-size:20px}.visual{height:240px}.plan{gap:8px}}
@media(max-width:950px){.links a:not(.btn){display:block}.links{font-size:13px;gap:14px}.hero{min-height:760px;height:90svh}.hero-grid{display:flex;align-items:center}.hero h1{font-size:76px;max-width:520px}.stage{width:100%;right:-28px}.scene-shade{background:linear-gradient(90deg,#071a33 0%,#071a33bf 35%,#071a3311 100%),linear-gradient(0deg,#071a33,transparent 40%)}.hero-grid>div:first-child{max-width:500px}.lead{max-width:350px}.split{grid-template-columns:1fr 1fr}.grid5{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:1fr}.product{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:22px}.product-title{grid-column:2;grid-row:1}.visual{grid-column:1;grid-row:1/4;height:340px}.gallery{grid-column:1;grid-row:4;margin-top:10px}.product p{grid-column:2;grid-row:2;min-height:0}.product-more{grid-column:2;grid-row:3;align-self:start;justify-self:start}.projects{grid-template-columns:1fr}.projgrid{grid-template-columns:1fr 1fr}.plan{grid-template-columns:1fr 1fr}.contactgrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}nav{height:72px;padding:0 18px}.brand{font-size:15px}.brand small{font-size:8px}.menu-toggle{display:block;margin-left:auto;border:1px solid #ffffff44;border-radius:9px;background:#ffffff0d;color:#fff;min-height:44px;min-width:44px;font-size:23px}.links{display:none;position:absolute;left:10px;right:10px;top:78px;padding:20px;background:#102b43f5;border:1px solid #ffffff33;border-radius:16px;backdrop-filter:blur(24px)}.links.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.links a{padding:14px;font-size:16px}.hero{height:auto;min-height:900px;max-height:none;align-items:stretch}.hero-grid{width:100%;display:block;padding:117px 24px 0;min-height:900px}.hero-grid>div:first-child{position:relative;max-width:none}.hero h1{font-size:clamp(52px,12.4vw,78px);max-width:480px;margin:17px 0}.hero .kicker{font-size:11px}.lead,.hero.on .lead{font-size:16px;line-height:1.6;max-width:340px}.hero-grid>div:first-child>p:last-child{gap:10px;margin-top:24px}.btn{padding:12px 15px}.stage{top:420px;bottom:0;height:480px;right:0;width:100%}.hero-photo{object-position:72% center;animation:subtle-pan 14s ease-in-out infinite alternate}.scene-shade{background:linear-gradient(180deg,#071a33 0%,#071a3320 23%,transparent 70%,#071a33 100%),linear-gradient(90deg,#071a3355,transparent 50%)}.power{right:24px;bottom:64px}.scene-caption{left:24px;right:24px;bottom:28px;font-size:10px}.aurora{filter:blur(23px);opacity:.5;inset:-10%}.aurora i{width:120vw;height:35vw;min-height:130px;border-top-width:10px;animation-duration:12s}.aurora i:nth-child(1){left:-10%;top:20%}.aurora i:nth-child(2){left:5%;top:45%}.aurora i:nth-child(3){left:20%;bottom:10%}.section{padding:55px 0}.effect{padding:0}.split{grid-template-columns:1fr}.office2{min-height:320px;border-radius:0}.copy{padding:42px 24px}.copy h2{font-size:44px}.copy p{font-size:16px}.grid5{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.card{min-height:165px;padding:18px 14px}.card b{font-size:14px}.card small{font-size:12px}h2{font-size:37px;line-height:1.07}.intro{font-size:16px}.products{gap:25px}.product{display:block;padding:12px}.product-title{padding:10px 8px 18px}.product h3{font-size:24px}.visual{height:310px}.gallery{margin-bottom:18px}.product p{min-height:0;font-size:16px}.product-more{margin-bottom:10px}.project-image{height:240px}.projgrid{grid-template-columns:1fr}.projects{gap:24px}.plan{grid-template-columns:1fr;gap:20px}.tile{display:grid;grid-template-columns:64px 1fr;text-align:left;padding:0;column-gap:16px}.tile .icon{grid-row:1/3;margin:0}.tile p{margin:6px 0}.planning .btn{margin-top:10px}.devis h2{font-size:36px}.contact h2{font-size:35px}.contactgrid{grid-template-columns:1fr}.contactbox{padding:22px}.dialog-layout{grid-template-columns:1fr;gap:18px}.dialog-layout>img{height:210px}.dialog-layout h2{font-size:30px}dialog{padding:35px 20px 24px}.js .fade{transform:translateY(16px);transition-duration:.55s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .fade{opacity:1;transform:none}}
.hero-photo{position:absolute;inset:0}.hero-off{opacity:1;filter:brightness(.9) saturate(.85)}.hero-on{opacity:0}.on .hero-off{opacity:0}.on .hero-on{opacity:1}.hero-photo{transition:opacity 1.2s,filter 1.2s,transform 8s}.hero .hero-grid{isolation:isolate}
@media(max-width:380px){.hero,.hero-grid{min-height:970px}.stage{top:490px}.hero h1{font-size:50px}.hero-grid{padding-left:18px;padding-right:18px}.hero-grid>div:first-child>p:last-child{gap:8px}.hero-grid .btn{padding:12px;font-size:13px}}