:root{
  --bg:#050708; --bg2:#080d10; --panel:#0b1014; --text:#f6f7f8; --muted:#c8cdd1;
  --line:#30383e; --yellow:#f3ef00; --flight:#edf000; --objekt:#c52cff; --show:#ff7900; --nexora:#ff123e;
  /* Exact proportions of the approved 1312 × 1199 reference image. */
  --u:.0762195122vw;
  --container:calc(var(--u) * 1160);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}.container{width:var(--container);margin-inline:auto}.fill{fill:currentColor!important;stroke:none!important}.anchor-target{position:absolute;top:calc(var(--u)*-70)}

@media (min-width:900px){
  .site-header{position:sticky;top:0;z-index:1000;height:calc(var(--u)*59);background:rgba(3,7,9,.985);border-bottom:calc(var(--u)*1) solid rgba(255,255,255,.16);box-shadow:0 calc(var(--u)*4) calc(var(--u)*20) rgba(0,0,0,.28);backdrop-filter:blur(calc(var(--u)*12)) saturate(125%)}
  .header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(var(--u)*26)}
  .brand{display:inline-flex;align-items:center;gap:calc(var(--u)*8);width:max-content}.brand-mark{position:relative;width:calc(var(--u)*44);height:calc(var(--u)*37);filter:drop-shadow(0 0 calc(var(--u)*7) rgba(242,239,0,.14))}.brand-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff900 0%,#e9eb00 68%,#cfd300 100%);clip-path:polygon(7% 0,42% 0,57% 38%,74% 0,100% 0,72% 100%,49% 100%,34% 62%,23% 100%,0 100%)}.brand-mark i{display:none}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:calc(var(--u)*20.8);line-height:.98;font-weight:760;letter-spacing:-.045em;white-space:nowrap}.brand-copy strong span{color:var(--yellow)}.brand-copy small{margin-top:calc(var(--u)*4);font-size:calc(var(--u)*5.7);line-height:1;font-weight:800;letter-spacing:.25em;color:#dce0e3;white-space:nowrap}
  .main-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*31)}.main-nav a,.footer-nav a{position:relative;font-size:calc(var(--u)*9.2);font-weight:600;color:#eef0f2;transition:.18s ease}.main-nav a:after,.footer-nav a:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--u)*-9);height:calc(var(--u)*1.6);background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:.18s}.main-nav a:hover,.main-nav a.active,.footer-nav a:hover,.footer-nav a.active{color:var(--yellow)}.main-nav a:hover:after,.main-nav a.active:after,.footer-nav a:hover:after,.footer-nav a.active:after{transform:scaleX(1)}
  .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u)*30)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*10);min-height:calc(var(--u)*33);padding:0 calc(var(--u)*18);border:calc(var(--u)*1) solid transparent;border-radius:calc(var(--u)*7);font-size:calc(var(--u)*10);font-weight:800;transition:.18s ease}.btn span{font-size:calc(var(--u)*15)}.btn-primary{color:#050505;background:linear-gradient(180deg,#fff900,#ece800);border-color:#ffff38;box-shadow:0 0 calc(var(--u)*18) rgba(242,239,0,.16),inset 0 calc(var(--u)*1) 0 rgba(255,255,255,.42)}.btn-primary:hover{transform:translateY(calc(var(--u)*-1));box-shadow:0 0 calc(var(--u)*28) rgba(242,239,0,.28)}.btn-header{min-height:calc(var(--u)*31);padding:0 calc(var(--u)*17);font-size:calc(var(--u)*9.2)}
  .socials{display:flex;align-items:center;gap:calc(var(--u)*15)}.socials a{width:calc(var(--u)*18);height:calc(var(--u)*18);display:grid;place-items:center;transition:.18s}.socials a:hover{color:var(--yellow);transform:translateY(calc(var(--u)*-1))}.socials svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.menu-toggle,.mobile-nav{display:none!important}

  .hero{position:relative;height:calc(var(--u)*333);overflow:hidden;border-bottom:calc(var(--u)*1) solid #333b40;background:#071015}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 34%,rgba(27,45,55,.34),transparent 36%),linear-gradient(135deg,#070c10 0%,#091116 45%,#061015 100%)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(131deg,transparent 0 15%,rgba(255,255,255,.045) 15.1% 15.24%,transparent 15.4% 46%,rgba(255,255,255,.03) 46.1% 46.23%,transparent 46.4%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*30));opacity:.6;mask-image:linear-gradient(90deg,#000 0 41%,transparent 61%)}.hero-inner{position:relative;z-index:2;height:100%}.hero-copy{position:relative;z-index:20;width:calc(var(--u)*470);padding-top:calc(var(--u)*39)}
  .eyebrow{margin:0 0 calc(var(--u)*10);color:var(--yellow);font-size:calc(var(--u)*8.2);font-weight:900;letter-spacing:.37em}.hero-copy h1{margin:0;font-size:calc(var(--u)*45);line-height:1.02;font-weight:900;letter-spacing:-.043em;text-shadow:0 calc(var(--u)*2) calc(var(--u)*10) rgba(0,0,0,.34)}.hero-copy h1 span{color:var(--yellow);text-shadow:0 0 calc(var(--u)*16) rgba(242,239,0,.08)}.hero-lead{margin:calc(var(--u)*10) 0 0;font-size:calc(var(--u)*12.4);line-height:1.35;color:#f2f3f4;font-weight:450}.hero-buttons{display:flex;gap:calc(var(--u)*14);margin-top:calc(var(--u)*14)}.hero-buttons .btn{min-height:calc(var(--u)*34)}.btn-outline{border-color:#d3d7da;background:rgba(5,8,10,.33);color:#fff;box-shadow:inset 0 0 0 calc(var(--u)*1) rgba(255,255,255,.05)}.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.05)}
  .trust-row{display:flex;align-items:center;gap:calc(var(--u)*19);margin-top:calc(var(--u)*26)}.trust-item{display:flex;align-items:center;gap:calc(var(--u)*9);color:#f0f2f3;font-size:calc(var(--u)*9.1);line-height:1.18;font-weight:520}.trust-item+.trust-item{padding-left:calc(var(--u)*18);border-left:calc(var(--u)*1) solid #687078}.trust-icon{width:calc(var(--u)*27);height:calc(var(--u)*27);display:grid;place-items:center;color:var(--yellow)}.trust-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .hero-visual{position:absolute;z-index:3;top:0;right:calc((100vw - var(--container))/-2);bottom:0;left:calc(var(--u)*355);overflow:hidden}.hero-visual:before{content:"";position:absolute;z-index:30;inset:0 auto 0 0;width:calc(var(--u)*115);background:linear-gradient(90deg,#071015 0%,rgba(7,16,21,.78) 30%,transparent 100%);pointer-events:none}.slice{--accent:#fff;position:absolute;top:0;bottom:0;overflow:hidden;isolation:isolate;transition:filter .2s ease,transform .2s ease}.slice:hover{filter:brightness(1.06)}.slice:before{content:"";position:absolute;z-index:6;inset:0;border-left:calc(var(--u)*2) solid var(--accent);filter:drop-shadow(0 0 calc(var(--u)*4) var(--accent));pointer-events:none}.slice-media{position:absolute;inset:-2%;background-size:cover;background-position:center;transform:scale(1.02);transition:transform .3s ease}.slice:hover .slice-media{transform:scale(1.055)}.slice-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.10) 64%),linear-gradient(90deg,rgba(0,0,0,.14),transparent 48%)}.slice-copy{position:absolute;z-index:8;left:42%;right:8%;bottom:calc(var(--u)*25);text-shadow:0 calc(var(--u)*2) calc(var(--u)*5) #000}.slice-copy strong{display:block;font-size:calc(var(--u)*12.5);line-height:1;font-weight:850;letter-spacing:.01em}.slice-copy span{display:block;margin-top:calc(var(--u)*10);font-size:calc(var(--u)*8.2);line-height:1.25;font-weight:700;letter-spacing:.045em}
  .slice.flight{--accent:var(--flight);left:0;width:35.5%;clip-path:polygon(42% 0,100% 0,58% 100%,0 100%)}.slice.objekt{--accent:var(--objekt);left:20.5%;width:35.5%;clip-path:polygon(42% 0,100% 0,58% 100%,0 100%)}.slice.show{--accent:var(--show);left:40.8%;width:37.5%;clip-path:polygon(39% 0,100% 0,55% 100%,0 100%)}.slice.nexora{--accent:var(--nexora);left:60.6%;right:0;clip-path:polygon(39% 0,100% 0,100% 100%,0 100%)}.slice.flight .slice-media{background-image:linear-gradient(rgba(229,232,0,.13),rgba(0,0,0,.03)),url('flightmedia-clean.jpg');background-position:50% 50%}.slice.objekt .slice-media{background-image:linear-gradient(rgba(100,23,175,.12),rgba(0,0,0,.03)),url('objektservice-clean.jpg');background-position:53% 48%}.slice.show .slice-media{background-image:linear-gradient(rgba(255,102,0,.07),rgba(0,0,0,.02)),url('showfx-clean.jpg');background-position:52% 48%}.slice.nexora .slice-media{background-image:linear-gradient(rgba(255,0,45,.04),rgba(0,0,0,.02)),url('nexora-clean.jpg');background-position:52% 49%}.slice.flight .slice-copy{left:44%}.slice.objekt .slice-copy{left:43%}.slice.show .slice-copy{left:41%}.slice.nexora .slice-copy{left:42%}

  .areas{position:relative;height:calc(var(--u)*397);padding:calc(var(--u)*27) 0 calc(var(--u)*20);background:radial-gradient(circle at 50% -10%,rgba(30,45,56,.2),transparent 45%),#080c0f;border-bottom:calc(var(--u)*1) solid #323a40}.areas:before{content:"";position:absolute;inset:0;opacity:.21;background:repeating-linear-gradient(135deg,rgba(255,255,255,.017) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*30));pointer-events:none}.section-heading{position:relative;z-index:2;height:calc(var(--u)*57);display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--u)*24)}.section-heading .eyebrow{color:#f0f1f2;margin-bottom:calc(var(--u)*7);font-size:calc(var(--u)*7.2)}.section-heading h2{margin:0;font-size:calc(var(--u)*24.5);line-height:1;font-weight:800;letter-spacing:-.03em}.text-link{margin-bottom:calc(var(--u)*9);padding-bottom:calc(var(--u)*3);border-bottom:calc(var(--u)*1) solid #bfc4c7;font-size:calc(var(--u)*9.1);font-weight:600}.text-link span{font-size:calc(var(--u)*14);margin-left:calc(var(--u)*7)}
  .area-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*13);margin-top:calc(var(--u)*8)}.area-card{--accent:var(--yellow);position:relative;height:calc(var(--u)*294);overflow:hidden;border:calc(var(--u)*2) solid var(--accent);border-radius:calc(var(--u)*11);background:#0b0f12;box-shadow:0 0 calc(var(--u)*12) color-mix(in srgb,var(--accent) 22%,transparent),inset 0 0 calc(var(--u)*18) rgba(0,0,0,.6);transition:transform .2s ease,box-shadow .2s ease}.area-card:hover{transform:translateY(calc(var(--u)*-2));box-shadow:0 0 calc(var(--u)*24) color-mix(in srgb,var(--accent) 38%,transparent)}.flight-card{--accent:var(--flight)}.objekt-card{--accent:var(--objekt)}.show-card{--accent:var(--show)}.nexora-card{--accent:var(--nexora)}.card-image{position:absolute;inset:0 0 auto;height:47%;background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.05)}.flight-card .card-image{background-image:url('flightmedia-clean.jpg');background-position:center 48%}.objekt-card .card-image{background-image:url('objektservice-clean.jpg');background-position:center 54%}.show-card .card-image{background-image:url('showfx-clean.jpg');background-position:center 50%}.nexora-card .card-image{background-image:url('nexora-clean.jpg');background-position:center 50%}.card-glow{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 18%,rgba(3,5,6,.16) 35%,rgba(3,5,6,.91) 58%,rgba(3,5,6,.98) 100%)}.flight-card .card-glow{background:linear-gradient(to bottom,transparent 17%,rgba(13,18,0,.14) 34%,rgba(18,21,0,.92) 59%,rgba(18,21,0,.99) 100%)}.objekt-card .card-glow{background:linear-gradient(to bottom,transparent 17%,rgba(35,0,52,.13) 34%,rgba(35,0,52,.91) 59%,rgba(35,0,52,.99) 100%)}.show-card .card-glow{background:linear-gradient(to bottom,transparent 17%,rgba(50,20,0,.13) 34%,rgba(43,17,0,.91) 59%,rgba(43,17,0,.99) 100%)}.nexora-card .card-glow{background:linear-gradient(to bottom,transparent 17%,rgba(54,0,12,.13) 34%,rgba(48,0,12,.91) 59%,rgba(48,0,12,.99) 100%)}
  .card-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;padding:calc(var(--u)*96) calc(var(--u)*17) calc(var(--u)*10)}.card-content h3{display:flex;align-items:center;gap:calc(var(--u)*9);margin:0;color:var(--accent);font-size:calc(var(--u)*18);line-height:1;font-weight:850;letter-spacing:-.025em}.service-symbol{display:inline-grid;place-items:center;width:calc(var(--u)*28);font-size:calc(var(--u)*25);font-weight:900;line-height:1}.service-symbol.ring{font-size:calc(var(--u)*23)}.logo-n{font-size:calc(var(--u)*23);font-style:italic}.card-claim{margin:calc(var(--u)*10) 0 calc(var(--u)*8);font-size:calc(var(--u)*9.3);line-height:1.2;color:#f0f2f3}.card-content ul{list-style:none;padding:0;margin:0}.card-content li{position:relative;padding-left:calc(var(--u)*22);margin:calc(var(--u)*5) 0;font-size:calc(var(--u)*9.3);line-height:1.08}.card-content li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-size:calc(var(--u)*14);line-height:.9;font-weight:900}.card-button{margin-top:auto;height:calc(var(--u)*30);border:calc(var(--u)*1.5) solid var(--accent);border-radius:calc(var(--u)*18);display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*8.4);font-weight:600;background:rgba(0,0,0,.22);transition:.18s}.card-button:hover{background:var(--accent);color:#070707}

  .values{position:relative;height:calc(var(--u)*126);overflow:hidden;background:#080d10 url('mountains-clean.jpg') center/cover no-repeat;border-bottom:calc(var(--u)*1) solid #3a4146}.values:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.5),rgba(4,7,9,.23),rgba(4,7,9,.5)),rgba(3,6,8,.46)}.values-overlay{display:none}.values-inner{position:relative;z-index:2;height:100%;padding-top:calc(var(--u)*21)}.values-title{text-align:center;color:#fff;margin-bottom:calc(var(--u)*8);font-size:calc(var(--u)*7.4)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--u)*80)}.value{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start}.value:not(:last-child):after{content:"";position:absolute;right:0;top:calc(var(--u)*8);width:calc(var(--u)*1);height:calc(var(--u)*54);background:#757d83}.value svg{width:calc(var(--u)*31);height:calc(var(--u)*31);margin-bottom:calc(var(--u)*6);fill:none;stroke:var(--yellow);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.value strong{font-size:calc(var(--u)*11.5);line-height:1;font-weight:800}.value span{font-size:calc(var(--u)*8.6);margin-top:calc(var(--u)*6);color:#e0e3e5}

  .cta{height:calc(var(--u)*155);background:linear-gradient(135deg,#091015 0%,#10181d 52%,#06090b 100%);border-bottom:calc(var(--u)*1) solid #2f373c;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 35%,rgba(255,255,255,.025) 35.1% 35.25%,transparent 35.4% 68%,rgba(255,255,255,.018) 68.1% 68.25%,transparent 68.4%);opacity:.8}.cta-inner{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr calc(var(--u)*285);gap:calc(var(--u)*70);align-items:center}.cta-copy{align-self:start;padding-top:calc(var(--u)*19)}.cta-copy .eyebrow{color:#fff;font-size:calc(var(--u)*7);margin-bottom:calc(var(--u)*8)}.cta h2{margin:0;font-size:calc(var(--u)*23.5);line-height:1.05;font-weight:820;letter-spacing:-.03em}.cta-copy>p:not(.eyebrow){margin:calc(var(--u)*8) 0 calc(var(--u)*8);font-size:calc(var(--u)*10.2);line-height:1.35;color:#d9dde0}.cta-copy .btn{min-height:calc(var(--u)*31);padding:0 calc(var(--u)*16);font-size:calc(var(--u)*9.5)}.cta blockquote{margin:0;border-left:calc(var(--u)*2) solid var(--yellow);padding-left:calc(var(--u)*45);font-size:calc(var(--u)*18);line-height:1.32;font-weight:400;color:#f1f2f3;align-self:center}

  .site-footer{height:calc(var(--u)*129);background:#030506}.footer-top{height:calc(var(--u)*78);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(var(--u)*28)}.footer-brand .brand-mark{width:calc(var(--u)*34);height:calc(var(--u)*30)}.footer-brand .brand-copy strong{font-size:calc(var(--u)*15.7)}.footer-brand .brand-copy small{font-size:calc(var(--u)*4.6)}.footer-nav{display:flex;justify-content:center;gap:calc(var(--u)*29)}.footer-nav a{font-size:calc(var(--u)*8.3)}.footer-right{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u)*32)}.footer-right .socials{gap:calc(var(--u)*14)}.footer-right .socials a{width:calc(var(--u)*17);height:calc(var(--u)*17)}.footer-slogan{padding-left:calc(var(--u)*14);border-left:calc(var(--u)*2) solid var(--yellow);color:var(--yellow);font-size:calc(var(--u)*10.5);line-height:1.22;font-weight:900}.footer-bottom{height:calc(var(--u)*51);border-top:calc(var(--u)*1) solid #262d32;display:flex;align-items:flex-start;padding-top:calc(var(--u)*14);justify-content:space-between;color:#bbc0c3;font-size:calc(var(--u)*7.7)}.footer-bottom div{display:flex;gap:calc(var(--u)*20)}.footer-bottom a:hover{color:var(--yellow)}
}

/* Tablet / mobile */
@media (max-width:899px){
  :root{--container:min(calc(100% - 32px),760px)}
  .site-header{position:sticky;top:0;z-index:1000;height:68px;background:rgba(3,7,9,.985);border-bottom:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px)}.header-inner{height:100%;display:grid;grid-template-columns:1fr auto;align-items:center}.main-nav,.header-actions{display:none}.brand{display:inline-flex;align-items:center;gap:8px}.brand-mark{position:relative;width:43px;height:35px}.brand-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff900,#dadd00 72%);clip-path:polygon(7% 0,43% 0,57% 39%,75% 0,100% 0,72% 100%,48% 100%,34% 62%,23% 100%,0 100%)}.brand-mark i{display:none}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px;font-weight:780;letter-spacing:-.035em}.brand-copy strong span{color:var(--yellow)}.brand-copy small{font-size:5.5px;letter-spacing:.25em;margin-top:4px}.menu-toggle{display:grid;width:44px;height:38px;padding:8px;background:transparent;border:1px solid #353d43;border-radius:8px}.menu-toggle span{display:block;height:2px;background:#fff;margin:3px 0}.mobile-nav{position:fixed;z-index:999;left:0;right:0;top:68px;display:grid;padding:12px 20px 20px;background:rgba(3,7,9,.995);border-bottom:1px solid #30373d;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.23s}.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav>a:not(.btn){padding:12px 2px;border-bottom:1px solid #1f252a;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:800}.btn-primary{color:#050505;background:linear-gradient(180deg,#fff900,#ece800);border-color:#ffff38}.btn-outline{border-color:#d3d7da;background:rgba(5,8,10,.34);color:#fff}.hero{position:relative;overflow:hidden;background:#071015;border-bottom:1px solid #343c42}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 10% 42%,rgba(25,44,56,.36),transparent 37%),linear-gradient(135deg,#070c10,#061015)}.hero-inner{position:relative}.hero-copy{position:relative;z-index:10;padding:48px 0 32px}.eyebrow{margin:0 0 9px;color:var(--yellow);font-size:8px;font-weight:900;letter-spacing:.34em}.hero-copy h1{margin:0;font-size:clamp(39px,11vw,66px);line-height:.95;font-weight:900;letter-spacing:-.045em}.hero-copy h1 span{color:var(--yellow)}.hero-lead{font-size:14px;line-height:1.3}.hero-buttons{display:flex;gap:13px}.trust-row{display:flex;gap:18px;margin-top:20px}.trust-item{display:flex;align-items:center;gap:8px;font-size:10.5px}.trust-item+.trust-item{padding-left:16px;border-left:1px solid #6b7277}.trust-icon,.trust-icon svg{width:29px;height:29px}.trust-icon svg{fill:none;stroke:var(--yellow);stroke-width:1.9}.hero-visual{position:relative;width:100vw;margin-left:calc((100vw - var(--container))*-.5);height:430px;display:grid;grid-template-columns:repeat(4,1fr)}.slice{--accent:#fff;position:relative;overflow:hidden;isolation:isolate;border-left:2px solid var(--accent)}.slice-media{position:absolute;inset:0;background-size:cover;background-position:center}.slice-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.08) 62%)}.slice-copy{position:absolute;z-index:4;left:14px;right:10px;bottom:18px}.slice-copy strong{font-size:14px}.slice-copy span{display:block;font-size:9px;margin-top:7px}.slice.flight{--accent:var(--flight)}.slice.objekt{--accent:var(--objekt)}.slice.show{--accent:var(--show)}.slice.nexora{--accent:var(--nexora)}.slice.flight .slice-media{background-image:url('flightmedia-clean.jpg')}.slice.objekt .slice-media{background-image:url('objektservice-clean.jpg')}.slice.show .slice-media{background-image:url('showfx-clean.jpg')}.slice.nexora .slice-media{background-image:url('nexora-clean.jpg')}.areas{position:relative;padding:32px 0;background:#080c0f}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-heading h2{margin:0;font-size:29px}.section-heading .eyebrow{color:#f2f2f2}.text-link{font-size:10px;border-bottom:1px solid #ccc}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.area-card{--accent:var(--yellow);position:relative;height:360px;overflow:hidden;border:2px solid var(--accent);border-radius:12px;background:#0b0f12}.flight-card{--accent:var(--flight)}.objekt-card{--accent:var(--objekt)}.show-card{--accent:var(--show)}.nexora-card{--accent:var(--nexora)}.card-image{position:absolute;inset:0 0 auto;height:48%;background-size:cover;background-position:center}.flight-card .card-image{background-image:url('flightmedia-clean.jpg')}.objekt-card .card-image{background-image:url('objektservice-clean.jpg')}.show-card .card-image{background-image:url('showfx-clean.jpg')}.nexora-card .card-image{background-image:url('nexora-clean.jpg')}.card-glow{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.96) 62%)}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:190px 18px 12px}.card-content h3{margin:0;color:var(--accent);font-size:20px}.card-claim{margin:0 0 8px;font-size:11px}.card-content ul{list-style:none;padding:0;margin:0}.card-content li{position:relative;font-size:11px;padding-left:18px;margin:4px 0}.card-content li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.card-button{margin-top:auto;height:30px;border:1px solid var(--accent);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:9px}.values{position:relative;background:#090d0f url('mountains-clean.jpg') center/cover no-repeat}.values:after{content:"";position:absolute;inset:0;background:rgba(3,7,9,.58)}.values-inner{position:relative;z-index:2;padding:20px 0}.values-title{text-align:center;color:#fff}.values-grid{display:grid;grid-template-columns:repeat(4,1fr)}.value{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px}.value svg{width:38px;height:38px;fill:none;stroke:var(--yellow);stroke-width:1.9}.value strong{font-size:12px}.value span{font-size:9.5px;margin-top:4px}.cta{background:linear-gradient(135deg,#071015,#0d151a)}.cta-inner{min-height:180px;display:grid;grid-template-columns:1fr 310px;gap:40px;align-items:center;padding:26px 0}.cta h2{font-size:25px;margin:0}.cta-copy>p:not(.eyebrow){font-size:11px}.cta blockquote{font-size:23px;border-left:2px solid var(--yellow);padding-left:25px}.site-footer{background:#040607}.footer-top{min-height:100px;display:grid;grid-template-columns:1fr auto;align-items:center}.footer-nav{display:none}.footer-right{display:flex;align-items:center;gap:30px}.socials{display:flex;gap:13px}.socials a,.socials svg{width:17px;height:17px}.socials svg{fill:none;stroke:currentColor;stroke-width:1.9}.footer-slogan{padding-left:13px;border-left:2px solid var(--yellow);color:var(--yellow);font-weight:900}.footer-bottom{min-height:42px;border-top:1px solid #262d32;display:flex;align-items:center;justify-content:space-between;font-size:9px}.footer-bottom div{display:flex;gap:18px}
}
@media (max-width:680px){:root{--container:min(calc(100% - 26px),600px)}.hero-copy{padding:40px 0 28px}.hero-buttons{display:grid;grid-template-columns:1fr}.trust-row{display:grid;grid-template-columns:1fr;gap:9px}.trust-item+.trust-item{padding-left:0;border-left:0}.hero-visual{height:auto;grid-template-columns:1fr 1fr}.slice{height:250px}.section-heading{display:block}.section-heading h2{font-size:26px}.text-link{display:inline-block;margin-top:12px}.area-grid{grid-template-columns:1fr}.area-card{height:360px}.values-grid{grid-template-columns:1fr 1fr}.cta-inner{grid-template-columns:1fr;gap:20px;min-height:270px}.footer-top{grid-template-columns:1fr;gap:18px;padding:24px 0}.footer-right{justify-content:space-between}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}}
@media (max-width:430px){.hero-visual{grid-template-columns:1fr}.slice{height:230px}.values-grid{grid-template-columns:1fr}.footer-right{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Legal pages */
.shell{width:min(calc(100% - 40px),980px);margin-inline:auto}.legal-page{min-height:100vh;padding:70px 0;background:radial-gradient(circle at 20% 0,rgba(242,239,0,.06),transparent 28%),linear-gradient(145deg,#06090b,#0b1115);color:#f6f7f8}.legal-card{padding:38px 42px;border:1px solid #293137;border-radius:16px;background:rgba(13,18,22,.94);box-shadow:0 24px 80px rgba(0,0,0,.35)}.legal-card h1{margin:0 0 25px;font-size:44px;letter-spacing:-.04em}.legal-card h2{margin:28px 0 8px;font-size:20px}.legal-card p{color:#d2d6da;line-height:1.65}.legal-card strong{color:#fff}.legal-back{display:inline-flex;margin-top:25px;padding:12px 18px;border:1px solid var(--yellow);border-radius:9px;color:var(--yellow);font-weight:750}.legal-back:hover{background:var(--yellow);color:#050607}@media(max-width:600px){.legal-page{padding:28px 0}.legal-card{padding:25px 21px}.legal-card h1{font-size:36px}}

/* v6 desktop fidelity layer: directly calibrated against the supplied 1312×1199 design. */
@media (min-width:900px){
  .brand-copy strong{font-size:calc(var(--u)*22)}
  .hero-copy{width:calc(var(--u)*555)}
  .hero-copy h1{font-size:calc(var(--u)*44);white-space:nowrap;letter-spacing:-.046em;line-height:1.06}
  .hero-lead{margin-top:calc(var(--u)*8)}
  .hero-buttons{margin-top:calc(var(--u)*14)}
  .trust-row{margin-top:calc(var(--u)*24)}

  /* Exact right-hand hero artwork. Text/buttons at left remain vector HTML. */
  .hero-visual{left:calc(var(--u)*355);background:url('hero-reference-4x.jpg') center/100% 100% no-repeat;filter:none}
  .hero-visual:before{display:none}
  .hero-visual .slice{background:transparent!important;filter:none!important;transform:none!important;overflow:visible}
  .hero-visual .slice:before,.hero-visual .slice-media,.hero-visual .slice-shade,.hero-visual .slice-copy{display:none!important}
  .hero-visual .slice.flight{left:0;width:35.5%;clip-path:polygon(42% 0,100% 0,58% 100%,0 100%)}
  .hero-visual .slice.objekt{left:20.5%;width:35.5%;clip-path:polygon(42% 0,100% 0,58% 100%,0 100%)}
  .hero-visual .slice.show{left:40.8%;width:37.5%;clip-path:polygon(39% 0,100% 0,55% 100%,0 100%)}
  .hero-visual .slice.nexora{left:60.6%;right:0;width:auto;clip-path:polygon(39% 0,100% 0,100% 100%,0 100%)}

  /* The four approved service cards are kept as high-resolution 4× reference panels.
     Semantic text/links stay in the DOM; the visible surface is the exact approved card. */
  .area-grid{grid-template-columns:1.02fr 1fr 1fr 1fr}
  .area-card{border:0;border-radius:calc(var(--u)*11);background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 0 calc(var(--u)*11) color-mix(in srgb,var(--accent) 20%,transparent);isolation:isolate}
  .area-card.flight-card{background-image:url('card-flight-reference-4x.jpg')}
  .area-card.objekt-card{background-image:url('card-objekt-reference-4x.jpg')}
  .area-card.show-card{background-image:url('card-show-reference-4x.jpg')}
  .area-card.nexora-card{background-image:url('card-nexora-reference-4x.jpg')}
  .area-card .card-image,.area-card .card-glow{display:none}
  .area-card .card-content{opacity:0;padding:0;position:absolute;inset:0}
  .area-card .card-content h3,.area-card .card-content p,.area-card .card-content ul{pointer-events:none}
  .area-card .card-button{position:absolute;left:calc(var(--u)*18);right:calc(var(--u)*18);bottom:calc(var(--u)*10);height:calc(var(--u)*29);margin:0;border:0;border-radius:calc(var(--u)*18);pointer-events:auto}
  .area-card:hover{transform:translateY(calc(var(--u)*-2));filter:brightness(1.035);box-shadow:0 0 calc(var(--u)*24) color-mix(in srgb,var(--accent) 36%,transparent)}

  /* Exact mountain/value strip from the approved artwork. */
  .values{background:#080d10 url('values-reference-4x.jpg') center/100% 100% no-repeat}
  .values:after,.values .values-overlay,.values .values-inner{display:none!important}

  .footer-brand .brand-copy strong{font-size:calc(var(--u)*17.3)}
}

/* v7 final alignment corrections against the supplied reference. */
@media (min-width:900px){
  .header-inner{position:relative;display:block}
  .header-inner>.brand{position:absolute;left:0;top:50%;transform:translateY(-50%)}
  .main-nav{position:absolute;left:calc(var(--u)*372);top:0;height:100%;justify-content:flex-start}
  .header-actions{position:absolute;right:calc(var(--u)*32);top:50%;transform:translateY(-50%);gap:calc(var(--u)*55)}

  .hero-copy h1{font-size:calc(var(--u)*44);transform:scaleX(.88);transform-origin:left top;width:113.64%}
  .hero-lead{margin-top:calc(var(--u)*6)}

  .section-heading{height:calc(var(--u)*45)}
  .area-grid{margin-top:calc(var(--u)*11)}

  .cta-inner{grid-template-columns:1fr calc(var(--u)*252);gap:calc(var(--u)*70)}

  .footer-top{position:relative;display:block}
  .footer-brand{position:absolute;left:0;top:50%;transform:translateY(-50%)}
  .footer-nav{position:absolute;left:calc(var(--u)*320);top:50%;transform:translateY(-50%);justify-content:flex-start}
  .footer-right{position:absolute;left:calc(var(--u)*800);right:calc(var(--u)*34);top:50%;transform:translateY(-50%);justify-content:space-between;gap:0}
}

/* v8: remove the tiny duplicated headline fragment contained in the reference mosaic. */
@media (min-width:900px){
  .hero-visual:before{
    display:block!important;content:"";position:absolute;z-index:25;inset:0;
    width:auto;background:
      repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*29)),
      linear-gradient(135deg,#091116 0%,#071015 100%);
    clip-path:polygon(0 0,14.2% 0,.4% 100%,0 100%);pointer-events:none
  }
  .trust-row{margin-top:calc(var(--u)*28)}
}

/* v9 uses a cleaned reference mosaic without the baked headline fragment. */
@media (min-width:900px){
  .hero-visual:before{display:none!important}
}

/* v10: headline lettering matched line-by-line to the reference. */
@media (min-width:900px){
  .hero-copy h1{font-size:inherit!important;line-height:1!important;transform:none!important;width:auto!important;white-space:normal!important}
  .hero-copy h1 .line-one,.hero-copy h1 .line-two{display:block;width:max-content;transform-origin:left center;font-weight:900;letter-spacing:-.046em}
  .hero-copy h1 .line-one{font-size:calc(var(--u)*40);line-height:.92;transform:scaleX(1)}
  .hero-copy h1 .line-two{font-size:calc(var(--u)*41);line-height:.92;transform:scaleX(.76);margin-top:calc(var(--u)*2)}
  .hero-lead{margin-top:calc(var(--u)*8)}
}

/* v11 color correction for the first hero line. */
@media (min-width:900px){
  .hero-copy h1 .line-one{color:#f7f8f9!important}
  .hero-copy h1 .line-two{color:var(--yellow)!important}
}

/* v12 – native, crisp "Unsere Bereiche" cards. The previous version used
   rasterised card screenshots; these rules restore live HTML text/icons and
   the high-resolution clean photography so the section stays sharp on 4K. */
@media (min-width:900px){
  .areas{
    height:calc(var(--u)*397);
    padding:calc(var(--u)*27) 0 calc(var(--u)*20);
  }
  .section-heading{height:calc(var(--u)*45)}
  .area-grid{
    grid-template-columns:1.018fr 1fr 1fr 1fr;
    gap:calc(var(--u)*13);
    margin-top:calc(var(--u)*11);
  }
  .area-card{
    height:calc(var(--u)*294);
    border:calc(var(--u)*2) solid var(--accent);
    border-radius:calc(var(--u)*11);
    background:#090d10;
    background-image:none!important;
    box-shadow:
      0 0 calc(var(--u)*10) color-mix(in srgb,var(--accent) 22%,transparent),
      inset 0 0 calc(var(--u)*22) rgba(0,0,0,.5);
    overflow:hidden;
    transform:none;
  }
  .area-card .card-image{
    display:block!important;
    position:absolute;
    inset:0 0 auto;
    height:calc(var(--u)*128);
    background-size:cover;
    filter:saturate(1.08) contrast(1.06) brightness(1.02);
  }
  .area-card.flight-card .card-image{background-image:url('flightmedia-clean.jpg');background-position:center 50%}
  .area-card.objekt-card .card-image{background-image:url('objektservice-clean.jpg');background-position:center 53%}
  .area-card.show-card .card-image{background-image:url('showfx-clean.jpg');background-position:center 51%}
  .area-card.nexora-card .card-image{background-image:url('nexora-clean.jpg');background-position:center 50%}

  .area-card .card-glow{
    display:block!important;
    position:absolute;
    inset:0;
    pointer-events:none;
  }
  .flight-card .card-glow{background:linear-gradient(to bottom,rgba(237,240,0,.03) 0%,rgba(18,21,0,.08) 30%,rgba(18,21,0,.85) 47%,rgba(18,21,0,.98) 63%,rgba(18,21,0,1) 100%)}
  .objekt-card .card-glow{background:linear-gradient(to bottom,rgba(197,44,255,.02) 0%,rgba(35,0,52,.06) 30%,rgba(35,0,52,.84) 47%,rgba(35,0,52,.98) 63%,rgba(35,0,52,1) 100%)}
  .show-card .card-glow{background:linear-gradient(to bottom,rgba(255,121,0,.02) 0%,rgba(43,17,0,.06) 30%,rgba(43,17,0,.84) 47%,rgba(43,17,0,.98) 63%,rgba(43,17,0,1) 100%)}
  .nexora-card .card-glow{background:linear-gradient(to bottom,rgba(255,18,62,.02) 0%,rgba(48,0,12,.06) 30%,rgba(48,0,12,.84) 47%,rgba(48,0,12,.98) 63%,rgba(48,0,12,1) 100%)}

  .area-card .card-content{
    opacity:1!important;
    position:relative;
    inset:auto;
    z-index:3;
    height:100%;
    display:flex;
    flex-direction:column;
    padding:calc(var(--u)*142) calc(var(--u)*17) calc(var(--u)*10);
  }
  .area-card .card-content h3,
  .area-card .card-content p,
  .area-card .card-content ul{pointer-events:auto}
  .card-content h3{
    gap:calc(var(--u)*8);
    font-size:calc(var(--u)*17.6);
    line-height:1;
    letter-spacing:-.025em;
    text-shadow:0 calc(var(--u)*1) calc(var(--u)*5) rgba(0,0,0,.75);
  }
  .service-symbol{width:calc(var(--u)*28);font-size:calc(var(--u)*25)}
  .service-symbol.ring{font-size:calc(var(--u)*22)}
  .logo-n{font-size:calc(var(--u)*22)}
  .card-claim{
    margin:0 0 calc(var(--u)*8);
    font-size:calc(var(--u)*9.25);
    line-height:1.18;
    color:#f6f7f8;
    white-space:nowrap;
  }
  .card-content li{
    padding-left:calc(var(--u)*21);
    margin:calc(var(--u)*4.1) 0;
    font-size:calc(var(--u)*9.25);
    line-height:1.08;
    color:#f5f6f7;
  }
  .card-content li:before{
    left:0;
    top:calc(var(--u)*-.5);
    font-size:calc(var(--u)*14);
    line-height:1;
  }
  .area-card .card-button{
    position:relative;
    left:auto;right:auto;bottom:auto;
    margin-top:auto;
    height:calc(var(--u)*30);
    border:calc(var(--u)*1.5) solid var(--accent);
    border-radius:calc(var(--u)*18);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:calc(var(--u)*8);
    font-size:calc(var(--u)*8.4);
    font-weight:600;
    color:#fff;
    background:rgba(0,0,0,.22);
    pointer-events:auto;
  }
  .area-card .card-button:hover{background:var(--accent);color:#070707}
  .area-card:hover{
    transform:translateY(calc(var(--u)*-2));
    filter:none;
    box-shadow:0 0 calc(var(--u)*24) color-mix(in srgb,var(--accent) 38%,transparent),inset 0 0 calc(var(--u)*22) rgba(0,0,0,.5);
  }
}
@media (min-width:900px){
  .service-svg{display:inline-grid;place-items:center}
  .service-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
  .service-svg.logo-n svg{fill:currentColor;stroke:none}
  .service-svg.ring svg{stroke-width:2.2}
}


/* v13 – "Unsere Werte" matched to the approved reference.
   Desktop uses the correctly cropped full 150px strip so none of the labels
   are clipped and the proportions match the supplied 1312×1199 artwork. */
@media (min-width:900px){
  .values{
    height:calc(var(--u)*150)!important;
    background:#080d10 url('values-reference-v13-4x.jpg') center/100% 100% no-repeat!important;
    border-top:0!important;
    border-bottom:calc(var(--u)*1) solid #3a4146!important;
  }
  .values:after,.values .values-overlay,.values .values-inner{display:none!important}
}

/* v14 – project/contact modal windows + social icon cleanup. */
body.modal-open{overflow:hidden}
.modal-shell{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.modal-shell.is-open{opacity:1;visibility:visible;pointer-events:auto}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,4,7,.82);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}
.ns-modal{position:relative;z-index:2;width:min(820px,calc(100vw - 32px));max-height:min(88vh,860px);overflow:auto;border:1px solid rgba(244,239,0,.52);border-radius:22px;background:linear-gradient(145deg,rgba(15,21,25,.985),rgba(5,8,10,.995));box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 42px rgba(243,239,0,.13),inset 0 1px 0 rgba(255,255,255,.055);padding:36px 38px 34px;color:#f6f7f8;transform:translateY(14px) scale(.985);transition:transform .22s ease}
.modal-shell.is-open .ns-modal{transform:translateY(0) scale(1)}
.ns-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 88% 0,rgba(243,239,0,.085),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 24%)}
.modal-close{position:absolute;z-index:5;top:16px;right:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.035);color:#fff;font-size:27px;line-height:1;cursor:pointer;transition:.18s ease}
.modal-close:hover{border-color:var(--yellow);color:var(--yellow);background:rgba(243,239,0,.06);transform:rotate(4deg)}
.modal-kicker{position:relative;z-index:1;margin:0 0 10px;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.34em}
.ns-modal h2{position:relative;z-index:1;margin:0;padding-right:52px;font-size:clamp(29px,3vw,43px);line-height:1.04;letter-spacing:-.045em}
.modal-intro{position:relative;z-index:1;margin:12px 0 25px;max-width:650px;color:#cbd0d4;font-size:15px;line-height:1.55}
.project-form{position:relative;z-index:1}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.project-form label{display:flex;flex-direction:column;gap:7px;color:#d9dde0;font-size:12px;font-weight:750;letter-spacing:.02em}
.project-form label>span:first-child{padding-left:2px}
.form-full{grid-column:1/-1}
.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid #303a41;border-radius:11px;outline:none;background:#090e12;color:#f7f8f9;padding:12px 14px;font:500 14px/1.35 Arial,Helvetica,sans-serif;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.project-form input,.project-form select{height:47px}
.project-form textarea{resize:vertical;min-height:132px}
.project-form input::placeholder,.project-form textarea::placeholder{color:#6f7880}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:rgba(243,239,0,.9);background:#0b1115;box-shadow:0 0 0 3px rgba(243,239,0,.08),0 0 18px rgba(243,239,0,.06)}
.project-form select{color-scheme:dark}
.privacy-check{margin-top:16px!important;display:grid!important;grid-template-columns:18px 1fr!important;align-items:start!important;gap:10px!important;font-size:11.5px!important;font-weight:500!important;line-height:1.42!important;color:#aeb5ba!important}
.privacy-check input{width:16px!important;height:16px!important;margin:1px 0 0;padding:0;accent-color:var(--yellow)}
.privacy-check a{color:var(--yellow);text-decoration:underline;text-underline-offset:2px}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-actions{display:flex;align-items:center;gap:16px;margin-top:20px}.form-submit{min-height:43px;border:0;cursor:pointer}.form-submit[disabled]{opacity:.65;cursor:wait;transform:none!important}.form-status{font-size:12px;color:#cbd0d4}.form-status.success{color:#dfff67}.form-status.error{color:#ff7a8d}
.contact-modal{width:min(620px,calc(100vw - 32px));padding-bottom:32px}
.contact-options{position:relative;z-index:1;display:grid;gap:12px}.contact-option{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:14px;min-height:76px;padding:12px 15px;border:1px solid #2d363c;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:.18s ease}.contact-option:hover{border-color:rgba(243,239,0,.72);background:linear-gradient(135deg,rgba(243,239,0,.07),rgba(255,255,255,.018));box-shadow:0 0 24px rgba(243,239,0,.07);transform:translateX(2px)}
.contact-option-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(243,239,0,.22);background:rgba(243,239,0,.05);color:var(--yellow)}.contact-option-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-option small{display:block;margin-bottom:4px;color:#8d969d;font-size:9px;font-weight:900;letter-spacing:.2em}.contact-option strong{font-size:15px;letter-spacing:-.01em}.contact-option b{color:var(--yellow);font-size:22px;font-weight:500}
.contact-socials{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid #252d32;color:#9ba3a9;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.contact-socials .socials{display:flex;align-items:center;gap:12px}.contact-socials .socials a{width:25px;height:25px;display:grid;place-items:center;color:#e9ecee;transition:.18s}.contact-socials .socials a:hover{color:var(--yellow);transform:translateY(-1px)}.contact-socials .socials svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-socials .socials .fill{fill:currentColor!important;stroke:none!important}

@media (max-width:899px){
  .modal-shell{padding:12px}.ns-modal{width:min(100%,680px);padding:28px 18px 22px;border-radius:17px;max-height:92vh}.modal-close{top:12px;right:12px;width:35px;height:35px}.modal-kicker{font-size:9px}.ns-modal h2{font-size:29px;padding-right:42px}.modal-intro{font-size:13px;margin:10px 0 20px}.form-grid{grid-template-columns:1fr;gap:12px}.form-full{grid-column:auto}.project-form input,.project-form select{height:45px}.form-actions{align-items:flex-start;flex-direction:column}.form-submit{width:100%}.contact-option{grid-template-columns:42px 1fr 18px;min-height:68px;padding:10px}.contact-option-icon{width:40px;height:40px}.contact-option strong{font-size:13px}.contact-socials{gap:15px}.contact-socials .socials{gap:10px}.contact-socials .socials a{width:23px;height:23px}
}

/* v16 – restore the angular dark hero backdrop behind “EINE MARKE. VIELE MÖGLICHKEITEN.”
   The reference uses faceted anthracite geometry rather than a flat dark fill. */
@media (min-width:900px){
  .hero{
    background:#05090c;
  }
  .hero-bg{
    background:
      radial-gradient(ellipse at 26% 34%,rgba(31,49,60,.26) 0%,rgba(12,23,30,.17) 28%,transparent 55%),
      linear-gradient(112deg,#05090c 0%,#091217 36%,#071015 67%,#05090c 100%);
  }
  .hero-bg:after{
    content:"";
    position:absolute;
    inset:0;
    background:
      repeating-linear-gradient(136deg,rgba(255,255,255,.014) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*28));
    opacity:.68;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 43%,transparent 58%);
    mask-image:linear-gradient(90deg,#000 0%,#000 43%,transparent 58%);
  }
  .hero:before{
    content:"";
    position:absolute;
    z-index:4;
    left:0;
    top:0;
    bottom:0;
    width:46%;
    background:url('hero-left-facets.svg') left top/100% 100% no-repeat;
    clip-path:polygon(0 0,100% 0,72% 100%,0 100%);
    pointer-events:none;
    opacity:.98;
  }
  .hero-copy{z-index:20}
  .hero-visual{z-index:3}
}

/* Mobile keeps the same premium faceted character without obscuring the stacked content. */
@media (max-width:899px){
  .hero-bg{
    background:
      url('hero-left-facets.svg') left top/760px 410px no-repeat,
      radial-gradient(circle at 18% 24%,rgba(27,45,55,.28),transparent 45%),
      linear-gradient(135deg,#070c10,#061015);
  }
}

/* v17 – faceted anthracite background matched to the approved reference.
   Used behind the hero copy AND the complete "Unsere Bereiche" section. */
@media (min-width:900px){
  .hero{
    background:#05090c url('faceted-dark-bg.svg') center/cover no-repeat!important;
  }
  .hero-bg{
    background:
      radial-gradient(ellipse at 18% 34%,rgba(39,58,69,.16),transparent 42%),
      linear-gradient(90deg,rgba(3,7,9,.04) 0%,rgba(3,7,9,.10) 43%,rgba(3,7,9,.36) 55%,rgba(3,7,9,.68) 66%,rgba(3,7,9,.92) 100%)!important;
  }
  .hero-bg:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(136deg,transparent 0 18%,rgba(151,169,181,.055) 18.1% 18.25%,transparent 18.4% 43%,rgba(151,169,181,.04) 43.1% 43.25%,transparent 43.4%)!important;
    opacity:.8!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0 47%,transparent 63%)!important;
    mask-image:linear-gradient(90deg,#000 0 47%,transparent 63%)!important;
  }
  .hero:before{display:none!important}

  .areas{
    background:#070c10 url('faceted-dark-bg.svg') center 40%/cover no-repeat!important;
    isolation:isolate;
  }
  .areas:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:1!important;
    background:
      radial-gradient(ellipse at 50% 0%,rgba(43,62,73,.12),transparent 42%),
      linear-gradient(180deg,rgba(4,8,11,.18),rgba(4,8,11,.34))!important;
  }
  .areas:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      repeating-linear-gradient(136deg,rgba(255,255,255,.017) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*31));
    opacity:.58;
  }
  .areas>.container{position:relative;z-index:2}
}

@media (max-width:899px){
  .hero,
  .areas{
    background:#060b0f url('faceted-dark-bg.svg') center/cover no-repeat!important;
  }
  .hero-bg{
    background:linear-gradient(180deg,rgba(4,8,11,.08),rgba(4,8,11,.36))!important;
  }
  .areas:before{
    background:linear-gradient(180deg,rgba(4,8,11,.16),rgba(4,8,11,.34))!important;
    opacity:1!important;
  }
}

/* v18 – hero tone matching.
   The v17 faceted artwork had one noticeably darker tile.  The hero now uses
   a dedicated, lower-contrast facet map and a gentler overlay so the left
   copy area flows into the dark wedge of the diagonal FlightMedia artwork. */
@media (min-width:900px){
  .hero{
    background:#060b0f url('faceted-hero-bg.svg') center/cover no-repeat!important;
  }
  .hero-bg{
    background:
      radial-gradient(ellipse at 18% 34%,rgba(30,46,56,.10),transparent 44%),
      linear-gradient(90deg,rgba(3,7,9,.02) 0%,rgba(3,7,9,.035) 38%,rgba(3,7,9,.08) 49%,rgba(3,7,9,.16) 58%,rgba(3,7,9,.28) 67%,rgba(3,7,9,.36) 100%)!important;
  }
  .hero-bg:after{
    opacity:.48!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0 44%,rgba(0,0,0,.6) 52%,transparent 62%)!important;
    mask-image:linear-gradient(90deg,#000 0 44%,rgba(0,0,0,.6) 52%,transparent 62%)!important;
  }
  /* Feather the left edge of the raster hero artwork instead of letting its
     first dark wedge read as a separate block. */
  .hero-visual:before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:25!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:calc(var(--u)*72)!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(7,12,15,.42) 0%,rgba(7,12,15,.20) 42%,rgba(7,12,15,0) 100%)!important;
  }
}

@media (max-width:899px){
  .hero{
    background:#060b0f url('faceted-hero-bg.svg') center/cover no-repeat!important;
  }
}

/* v19 – HERO/BEREICHE BACKGROUND UNIFIED
   The hero now uses exactly the same faceted backdrop and the same brightness
   as the "Unsere Bereiche" section. All hero-only darkening strips were
   removed so no single panel reads as a darker block. */
@media (min-width:900px){
  .hero,
  .areas{
    background-color:#070c10!important;
    background-image:url('faceted-dark-bg.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
  }

  /* Keep only a very soft, even atmospheric layer – no left/right dark band. */
  .hero-bg{
    background:radial-gradient(ellipse at 25% 34%,rgba(33,49,59,.08) 0%,rgba(7,12,16,0) 55%)!important;
  }
  .hero-bg:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:repeating-linear-gradient(136deg,rgba(255,255,255,.012) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*31))!important;
    opacity:.34!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0 48%,transparent 63%)!important;
    mask-image:linear-gradient(90deg,#000 0 48%,transparent 63%)!important;
  }

  /* Important: remove the previous dark transition strip at the first hero slice. */
  .hero-visual:before{display:none!important;content:none!important}
  .hero:before{display:none!important;content:none!important}

  /* Areas receives the same tone and no extra dark veil. */
  .areas:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:radial-gradient(ellipse at 50% 0%,rgba(38,56,67,.07),transparent 48%)!important;
    opacity:1!important;
  }
  .areas:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:repeating-linear-gradient(136deg,rgba(255,255,255,.012) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*31))!important;
    opacity:.34!important;
  }
  .areas>.container{position:relative;z-index:2}
}

@media (max-width:899px){
  .hero,
  .areas{
    background-color:#070c10!important;
    background-image:url('faceted-dark-bg.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  .hero-bg{background:radial-gradient(circle at 25% 25%,rgba(33,49,59,.08),transparent 55%)!important}
}


/* v20 — final uniform dark faceted tone.
   The approved dark wedge next to FlightMedia is now the brightness reference.
   Hero and "Unsere Bereiche" use the same deep anthracite base and the same
   neutral overlay, so there is no brighter patch behind the headline. */
@media (min-width:900px){
  .hero,
  .areas{
    background-color:#020507!important;
    background-image:url('faceted-dark-bg.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  .hero-bg{
    background:rgba(0,0,0,.18)!important;
  }
  .hero-bg:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:repeating-linear-gradient(136deg,rgba(255,255,255,.009) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*31))!important;
    opacity:.28!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .hero-visual:before,
  .hero:before{
    display:none!important;
    content:none!important;
  }
  .areas:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.18)!important;
    opacity:1!important;
  }
  .areas:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:repeating-linear-gradient(136deg,rgba(255,255,255,.009) 0 calc(var(--u)*1),transparent calc(var(--u)*1) calc(var(--u)*31))!important;
    opacity:.28!important;
  }
  .areas>.container{position:relative;z-index:2}
}
@media (max-width:899px){
  .hero,
  .areas{
    background-color:#020507!important;
    background-image:url('faceted-dark-bg.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  .hero-bg{background:rgba(0,0,0,.18)!important}
}


/* Startseite – keine Projektanfrage auf der Dachmarke */
.hero-buttons{width:max-content}
@media (max-width:899px){
  .hero-buttons{width:100%}
}


/* FlightMedia: maximale Bildschärfe */
@media (min-width:900px){
  .area-card.flight-card .card-image{
    filter:none!important;
    transform:none!important;
  }
}


/* FIX: Hero nicht mehr als vorgerendertes JPG anzeigen.
   hero-reference-4x.jpg enthält bereits die leichte Unschärfe im FlightMedia-Bereich.
   Stattdessen werden die vier scharfen Einzelbilder direkt im Browser verwendet. */
@media (min-width:900px){
  .hero-visual{
    background:none!important;
    filter:none!important;
  }

  .hero-visual .slice{
    background:transparent!important;
    filter:none!important;
    transform:none!important;
    overflow:hidden!important;
  }

  .hero-visual .slice-media{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    filter:none!important;
  }

  .hero-visual .slice-shade{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.06) 64%)!important;
  }

  .hero-visual .slice-copy{
    display:block!important;
    z-index:8!important;
  }

  .hero-visual .slice.flight .slice-media{
    background-image:url('flightmedia-clean.jpg')!important;
    background-position:center 50%!important;
  }

  .hero-visual .slice.objekt .slice-media{
    background-image:url('objektservice-clean.jpg')!important;
    background-position:center 52%!important;
  }

  .hero-visual .slice.show .slice-media{
    background-image:url('showfx-clean.jpg')!important;
    background-position:center 50%!important;
  }

  .hero-visual .slice.nexora .slice-media{
    background-image:url('nexora-clean.jpg')!important;
    background-position:center 50%!important;
  }
}


/* Hero-Bildbereich weiter über die komplette Breite ziehen */
@media (min-width:900px){
  .hero-visual{
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .hero-visual .slice.flight{
    left:0!important;
    width:31.5%!important;
    clip-path:polygon(31% 0,100% 0,71% 100%,0 100%)!important;
  }

  .hero-visual .slice.objekt{
    left:21%!important;
    width:30.5%!important;
    clip-path:polygon(31% 0,100% 0,71% 100%,0 100%)!important;
  }

  .hero-visual .slice.show{
    left:43%!important;
    width:31.5%!important;
    clip-path:polygon(27% 0,100% 0,72% 100%,0 100%)!important;
  }

  .hero-visual .slice.nexora{
    left:64%!important;
    right:0!important;
    width:auto!important;
    clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)!important;
  }

  .hero-visual .slice-copy{
    left:46%!important;
    right:8%!important;
  }
}


/* Hero wieder wie auf der scharfen Referenz:
   zusammengesetztes hero-reference-4x.jpg verwenden,
   von links nach rechts sauber durchziehen,
   keine Einzelbild-Skalierung mehr. */
@media (min-width:900px){
  .hero-visual{
    left:calc(var(--u)*345)!important;
    right:calc((100vw - var(--container))/-2)!important;
    width:auto!important;
    background:url('hero-reference-4x.jpg') center/100% 100% no-repeat!important;
    filter:none!important;
    overflow:hidden!important;
  }

  .hero-visual:before{
    display:none!important;
    content:none!important;
  }

  .hero-visual .slice{
    background:transparent!important;
    filter:none!important;
    transform:none!important;
    overflow:visible!important;
  }

  .hero-visual .slice:before,
  .hero-visual .slice-media,
  .hero-visual .slice-shade,
  .hero-visual .slice-copy{
    display:none!important;
    content:none!important;
  }

  .hero-visual .slice.flight{
    left:0!important;
    width:35.5%!important;
    clip-path:polygon(42% 0,100% 0,58% 100%,0 100%)!important;
  }

  .hero-visual .slice.objekt{
    left:20.5%!important;
    width:35.5%!important;
    clip-path:polygon(42% 0,100% 0,58% 100%,0 100%)!important;
  }

  .hero-visual .slice.show{
    left:40.8%!important;
    width:37.5%!important;
    clip-path:polygon(39% 0,100% 0,55% 100%,0 100%)!important;
  }

  .hero-visual .slice.nexora{
    left:60.6%!important;
    right:0!important;
    width:auto!important;
    clip-path:polygon(39% 0,100% 0,100% 100%,0 100%)!important;
  }
}


/* FINALER HERO-FIX
   Quelle ist der vom Nutzer gezeigte scharfe Hero-Ausschnitt.
   Desktop-Proportionen entsprechen dem Referenzbild (~1197 × 240). */
@media (min-width:900px){
  .hero{
    height:calc(var(--u)*263)!important;
  }

  .hero-copy{
    padding-top:calc(var(--u)*18)!important;
  }

  .hero-lead{
    margin-top:calc(var(--u)*6)!important;
  }

  .hero-buttons{
    margin-top:calc(var(--u)*8)!important;
  }

  .trust-row{
    margin-top:calc(var(--u)*10)!important;
  }

  .hero-visual{
    left:calc(var(--u)*298)!important;
    right:calc((100vw - var(--container))/-2)!important;
    top:0!important;
    bottom:0!important;
    width:auto!important;
    background:url('hero-reference-sharp.png') center/100% 100% no-repeat!important;
    filter:none!important;
    transform:none!important;
    image-rendering:auto;
  }

  .hero-visual:before{
    display:none!important;
    content:none!important;
  }

  /* Slices bleiben nur als unsichtbare klickbare Flächen bestehen. */
  .hero-visual .slice{
    background:transparent!important;
    filter:none!important;
    transform:none!important;
    overflow:visible!important;
  }

  .hero-visual .slice:before,
  .hero-visual .slice-media,
  .hero-visual .slice-shade,
  .hero-visual .slice-copy{
    display:none!important;
    content:none!important;
  }

  .hero-visual .slice.flight{
    left:0!important;
    width:31%!important;
    clip-path:polygon(14% 0,100% 0,78% 100%,0 100%)!important;
  }

  .hero-visual .slice.objekt{
    left:19.5%!important;
    width:28%!important;
    clip-path:polygon(31% 0,100% 0,70% 100%,0 100%)!important;
  }

  .hero-visual .slice.show{
    left:41%!important;
    width:29%!important;
    clip-path:polygon(29% 0,100% 0,70% 100%,0 100%)!important;
  }

  .hero-visual .slice.nexora{
    left:61%!important;
    right:0!important;
    width:auto!important;
    clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)!important;
  }
}


/* FINAL: Hero-Bild rechts beginnen lassen – keine Überlappung mit der Headline */
@media (min-width:900px){
  .hero{
    height:calc(var(--u)*263)!important;
  }

  .hero-copy{
    z-index:30!important;
    width:calc(var(--u)*390)!important;
    padding-top:calc(var(--u)*18)!important;
  }

  .hero-visual{
    left:calc(var(--u)*355)!important;
    right:calc((100vw - var(--container))/-2)!important;
    width:auto!important;
    top:0!important;
    bottom:0!important;
    background:url('hero-reference-sharp.png') center/100% 100% no-repeat!important;
    filter:none!important;
    transform:none!important;
  }

  .hero-visual:before{
    display:none!important;
    content:none!important;
  }

  .hero-visual .slice:before,
  .hero-visual .slice-media,
  .hero-visual .slice-shade,
  .hero-visual .slice-copy{
    display:none!important;
    content:none!important;
  }
}


/* FINALER LEFT-CUT-FIX
   Das Hero-Artwork wird nicht mehr als sichtigeckiger Hintergrund auf dem Container gesetzt,
   sondern als sauber diagonal beschnittenes Pseudo-Element. */
@media (min-width:900px){
  .hero-visual{
    left:calc(var(--u)*355)!important;
    right:calc((100vw - var(--container))/-2)!important;
    top:0!important;
    bottom:0!important;
    width:auto!important;
    background:none!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  .hero-visual:before{
    display:none!important;
    content:none!important;
  }

  .hero-visual:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:url('hero-reference-sharp.png') left center/100% 100% no-repeat!important;
    clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)!important;
  }

  .hero-copy{
    z-index:30!important;
  }

  .hero-visual .slice{
    z-index:5!important;
    background:transparent!important;
  }

  .hero-visual .slice:before,
  .hero-visual .slice-media,
  .hero-visual .slice-shade,
  .hero-visual .slice-copy{
    display:none!important;
    content:none!important;
  }
}


/* Dünne gelbe Linie an der linken schrägen Hero-Kante */
@media (min-width:900px){
  .hero-visual:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,#fff900 0%, #ece800 100%)!important;
    clip-path:polygon(14.55% 0, 15.15% 0, 0.6% 100%, 0 100%)!important;
    filter:drop-shadow(0 0 2px rgba(255,249,0,.28))!important;
  }

  .hero-visual:after{
    z-index:2!important;
  }

  .hero-visual .slice{
    z-index:5!important;
  }
}


/* FINAL: gelbe Linie entfernen, schwarze Schräge links an der Drohne
   etwas weiter nach links ziehen und über die komplette Schräge laufen lassen */
@media (min-width:900px){
  .hero-visual:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    pointer-events:none!important;
    background:linear-gradient(135deg,#070c10 0%, #061015 100%)!important;
    clip-path:polygon(12.8% 0, 15.35% 0, 0.85% 100%, 0 100%)!important;
    filter:none!important;
  }

  .hero-visual:after{
    z-index:2!important;
  }

  .hero-visual .slice{
    z-index:5!important;
  }
}


/* Hero-Schräge wie in der Referenz:
   KEIN schwarzer Zusatzstreifen, KEINE gelbe Linie.
   Stattdessen wird das Hero-Bild selbst links diagonal abgeschnitten,
   sodass der dunkle Hero-Hintergrund darunter sichtbar bleibt. */
@media (min-width:900px){
  .hero-visual{
    background:none!important;
    overflow:hidden!important;
  }

  .hero-visual:before{
    display:none!important;
    content:none!important;
    background:none!important;
    clip-path:none!important;
    filter:none!important;
  }

  .hero-visual:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:url('hero-reference-sharp.png') left center/100% 100% no-repeat!important;
    clip-path:polygon(12.2% 0,100% 0,100% 100%,0 100%)!important;
    filter:none!important;
    transform:none!important;
  }

  .hero-visual .slice{
    z-index:5!important;
  }
}