/* NL Elektro – responsive static landing page. No external fonts, cookies or analytics. */
:root{--navy:#091f37;--navy2:#0d3359;--teal:#7fc8ff;--muted:#596874;--off:#f3f7fc;--line:#dce5f0;--ink:#192d42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2188da;outline-offset:4px;border-radius:2px}.container{max-width:1210px;width:calc(100% - 64px);margin:auto}.site-header{position:relative;z-index:10;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12)}.nav-shell{min-height:87px;display:flex;align-items:center;gap:45px}.brand{display:flex;align-items:center;color:#fff;gap:15px}.brand-mark{letter-spacing:-4px;font-weight:850;font-size:40px;line-height:1}.mark-dot,.footer-brand span{color:var(--teal)}.brand-name{font-size:12px;font-weight:650;line-height:1.3;letter-spacing:.025em}.primary-nav{display:flex;gap:30px;margin-left:auto}.primary-nav a{color:#4d5d6b;font-size:14px;font-weight:500;transition:color .2s}.primary-nav a:hover{color:#fff}.nav-cta{color:#101c26;background:var(--teal);padding:13px 17px;border-radius:7px;font-size:13px;font-weight:750;white-space:nowrap}.nav-cta span{margin-left:10px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 81% 28%,#164d83 0%,transparent 38%),linear-gradient(135deg,#061b33,#092d53 65%,#081c34);color:#fff}.hero-sheen{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:65px 65px;opacity:.5;pointer-events:none}.hero-layout{position:relative;min-height:635px;display:grid;grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr);align-items:center;gap:0}.hero-copy{padding:70px 0 85px}.eyebrow{color:var(--teal);font-size:12px;font-weight:780;letter-spacing:.18em;display:flex;align-items:center;gap:13px;margin:0 0 22px}.eyebrow-line{display:block;width:26px;height:2px;background:var(--teal)}.hero h1{font-size:clamp(57px,6.5vw,95px);letter-spacing:-.065em;line-height:1.05;margin:0;font-weight:770}.hero h1 em{color:var(--teal);font-style:normal}.hero-lead{font-size:18px;line-height:1.78;max-width:550px;color:#bfcdd5;margin:30px 0}.hero-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;border-radius:7px;font-size:14px;font-weight:750;white-space:nowrap;transition:transform .2s,filter .2s}.button:hover,.nav-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}.button span{margin-left:19px}.button-primary{background:var(--teal);color:#102632}.button-ghost{border:1px solid #7494ad;color:white}.hero-meta{display:flex;gap:27px;margin-top:52px;color:#bfcee0;font-size:12px;flex-wrap:wrap}.meta-spark{color:var(--teal);padding-right:5px}.hero-art{display:flex;justify-content:center;align-items:center}.art-frame{position:relative;width:min(100%,490px)}.art-frame svg{display:block;width:100%;filter:drop-shadow(0 35px 45px rgba(0,0,0,.25))}.art-label{position:absolute;background:#123c64;border:1px solid #345978;color:#d1e8fc;border-radius:5px;font-size:10px;letter-spacing:.12em;padding:12px 14px;font-weight:700}.art-label-top{right:-15px;top:15%;display:flex;gap:18px}.art-label-top span{color:var(--teal)}.art-label-bottom{bottom:12%;left:-7%}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(55,216,189,.12);margin-right:9px}.intro-band{background:#0e3458;color:#a3c6cb}.intro-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:69px}.intro-inner p{font-size:11px;letter-spacing:.12em;font-weight:800;margin:0}.section{padding:105px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:65px;margin-bottom:47px}.eyebrow-dark{color:#004d95}.section h2{font-size:clamp(37px,4vw,56px);letter-spacing:-.052em;line-height:1.14;margin:0;font-weight:770}.section-heading>p{font-size:16px;color:var(--muted);line-height:1.85;max-width:480px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card{min-height:320px;padding:32px 26px;background:var(--off);border:1px solid var(--line);border-radius:11px;transition:transform .2s,border .2s}.service-card:hover{transform:translateY(-4px);border-color:#a2c5e7}.service-icon{width:60px;height:60px;border-radius:12px;background:#e3effc;color:#005da8;display:flex;align-items:center;justify-content:center;margin-bottom:38px}.service-icon svg{width:36px;height:36px}.service-number{color:#337bb5;font-size:10px;font-weight:800;letter-spacing:.13em}.service-card h3{font-size:20px;letter-spacing:-.03em;margin:16px 0 14px;line-height:1.25}.service-card p{font-size:14px;line-height:1.73;color:#596a75;margin:0}.about{background:var(--navy);color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font-size:clamp(40px,4.5vw,62px)}.about h2 span{color:var(--teal)}.about-copy p{color:#bdccd6;font-size:16px;line-height:1.8;margin:0 0 20px}.about-copy strong{color:white}.about-line{display:flex;gap:15px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #375472;font-size:13px}.about-line:first-of-type{margin-top:22px;border-top:1px solid #375472}.about-line span{color:#a0bad4}.about-line strong{text-align:right;font-weight:650}.contact{background:white}.contact-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;background:#eaf3fc;border-radius:16px;padding:72px 73px}.contact h2 span{color:#004d95}.contact-panel p:not(.eyebrow){font-size:16px;color:#50657a;line-height:1.8;max-width:480px;margin:24px 0 27px}.button-dark{background:var(--navy);color:#fff}.contact-details{display:flex;flex-direction:column;justify-content:center}.contact-row{display:flex;flex-direction:column;gap:10px;padding:23px 0;border-bottom:1px solid #ceddeb}.contact-row:first-child{border-top:1px solid #ceddeb}.contact-row span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#216da5}.contact-row a,.contact-row address{font-size:18px;font-style:normal;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.contact-row a:hover{text-decoration:underline}.footer{background:#071724;color:#b4c3cb;padding:55px 0 25px}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:35px}.footer-brand{color:#fff;font-size:40px;letter-spacing:-.1em;font-weight:850}.footer-inner p{font-size:13px;line-height:1.8;margin:11px 0 0}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.footer-links a:hover{color:#fff}.copyright{font-size:11px;color:#728998;border-top:1px solid #213849;margin-top:40px;padding-top:24px}.legal-main{min-height:65vh;background:#f7f9fa;padding:67px 0 110px}.legal-wrap{max-width:820px}.back-link{display:inline-block;color:#004d95;font-weight:650;font-size:13px;margin-bottom:48px}.legal-wrap h1{font-size:clamp(44px,6vw,70px);letter-spacing:-.055em;margin:0 0 15px}.legal-lead{font-size:18px;color:#62747e;line-height:1.75;margin-bottom:55px}.legal-wrap section{border-top:1px solid #dde5e8;padding:29px 0 22px}.legal-wrap h2{font-size:21px;letter-spacing:-.025em;margin:0 0 15px}.legal-wrap section p{line-height:1.8;color:#4b5d68;font-size:15px}.legal-wrap section a{text-decoration:underline;text-decoration-color:#8abbe8;text-underline-offset:3px}.legal-wrap section a:hover{color:#005ca8}@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(53px,7vw,77px)}.hero-layout{min-height:570px}.art-label-top{right:0}.art-label-bottom{left:0}.contact-panel{padding:54px 48px}.primary-nav{gap:18px}.nav-shell{gap:22px}}@media(max-width:740px){.container{width:calc(100% - 40px)}.nav-shell{min-height:75px}.brand-mark{font-size:35px}.brand-name{font-size:11px}.primary-nav{display:none}.nav-cta{margin-left:auto;font-size:12px;padding:12px}.hero-layout{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:65px 0 0}.hero h1{font-size:clamp(51px,10vw,75px)}.hero-lead{font-size:16px;margin:23px 0}.hero-meta{margin-top:33px;gap:14px}.hero-art{max-width:390px;align-self:center;width:100%;margin-top:0;margin-bottom:15px}.art-frame svg{max-height:330px}.art-label{font-size:8px;padding:8px}.intro-inner{display:grid;grid-template-columns:1fr;gap:10px;padding:20px 0}.intro-inner p{font-size:10px}.section{padding:75px 0}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:29px}.section-heading>p{font-size:15px}.about-grid{grid-template-columns:1fr;gap:33px}.contact-panel{grid-template-columns:1fr;gap:31px;padding:40px 25px}.contact h2{font-size:37px}.footer-inner{align-items:start;flex-direction:column}.legal-main{padding:48px 0 80px}}@media(max-width:445px){.brand-name{display:none}.nav-cta{font-size:11px}.hero h1{font-size:51px}.hero-buttons{align-items:stretch;flex-direction:column}.hero-buttons .button{justify-content:space-between}.service-grid{grid-template-columns:1fr}.service-card{min-height:unset;padding:28px}.service-icon{margin-bottom:22px}.art-label{display:none}.contact-row a,.contact-row address{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* NL Firmenlogo Edition – original supplied logo, colors sampled from artwork */
:root{--corporate-blue:#004d95;--corporate-blue2:#0861af;--graphite:#555d64;--sky:#c7e4ff}
.site-header{background:#fff;border-bottom:1px solid #dde5ed;box-shadow:0 4px 22px rgba(8,35,67,.035)}
.nav-shell{min-height:107px;gap:25px}
.brand{flex:0 0 auto;width:clamp(270px,33vw,405px);max-width:42%;line-height:0}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.primary-nav{gap:26px}.primary-nav a{color:#4e5c6a;font-size:14px}
.primary-nav a:hover{color:var(--corporate-blue)}
.nav-cta{color:#fff;background:var(--corporate-blue);border-radius:6px}
.nav-cta:hover{background:#073c75}
.mobile-subnav{display:none}
.hero{background:radial-gradient(circle at 80% 36%,rgba(38,105,165,.45) 0%,transparent 37%),linear-gradient(127deg,#091b32 0%,#082b56 62%,#064887 100%)}
.hero .hero-sheen{background-image:linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px)}
.eyebrow{color:#86c4ff}.eyebrow-line{background:#86c4ff}
.hero h1 em{color:#84c3ff}.hero-lead{color:#d0dce7}
.button-primary{background:#fff;color:#0b4981}
.button-primary:hover{background:#dcefff}.button-ghost{border-color:#7896b4}
.meta-spark{color:#86c4ff}
.intro-band{background:#004d95;color:#eef6ff}
.intro-inner p{font-size:10px;letter-spacing:.12em}
.eyebrow-dark{color:#00579d}
.section-heading>p{color:#5b6e7e}
.service-card{background:#f5f8fc;border-color:#e0e8f2}
.service-card:hover{border-color:#82b5e7}
.service-icon{background:#e1ecf9;color:#0060a8}
.service-number{color:#276ea6}
.about{background:#081e38}
.about h2 span{color:#8fcaff}
.contact-panel{background:linear-gradient(115deg,#e7f2fd,#f4f8fc);border:1px solid #dce9f5}
.contact h2 span{color:#075b9c}
.contact-row span{color:#2c6799}
.button-dark{background:#004d95}
.footer{background:#071a30}
.footer-logo-shell{display:inline-flex;background:#fff;border-radius:5px;padding:10px 14px;max-width:340px;width:100%;align-items:center;line-height:0}
.footer-logo-shell img{width:100%;height:auto;mix-blend-mode:multiply}
.nl-corner-tag{position:absolute;top:8%;left:8%;font-size:19px;font-weight:900;letter-spacing:-.06em;color:#fff;background:#004d95;border:1px solid #2b83ca;border-radius:6px;padding:10px 12px;box-shadow:0 12px 32px rgba(3,13,35,.3)}
.nl-corner-tag span{font-size:9px;letter-spacing:.09em;font-weight:700;color:#b9dcf7;margin-left:8px}
.art-label{background:#10365d;border-color:#2b628f;color:#cfebff}
.pulse{background:#5ab1ff;box-shadow:0 0 0 5px rgba(80,169,245,.18)}
.back-link{color:#005aab}
:focus-visible{outline-color:#338de0!important}
@media(max-width:1050px){.brand{width:335px;max-width:40%}.nav-shell{gap:14px}.primary-nav{gap:14px}.primary-nav a{font-size:13px}}
@media(max-width:740px){
 .nav-shell{min-height:77px;gap:12px}
 .brand{width:min(68vw,330px);max-width:none}
 .nav-cta{margin-left:auto;padding:11px 12px;font-size:11px}
 .mobile-subnav{display:flex;justify-content:space-between;gap:12px;padding:10px 0 12px;border-top:1px solid #e8edf3}
 .mobile-subnav a{color:#385c7e;font-size:12px;font-weight:700}
 .hero-copy{padding-top:55px}
 .intro-inner{display:grid;grid-template-columns:1fr;gap:8px}
 .nl-corner-tag{top:10%;left:9%}
 .footer-logo-shell{max-width:310px}
}
@media(max-width:445px){.nav-cta{display:none}.brand{width:min(88vw,330px)}.hero h1{font-size:clamp(43px,11vw,58px)}.nl-corner-tag{top:7%;font-size:15px}.nl-corner-tag span{font-size:8px}}