:root{--bg:#11161b;--panel:#171e24;--ink:#edf2f5;--muted:#aab5bd;--accent:#4fb3e8;--line:#2b353d;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}.top{height:78px;position:sticky;top:0;z-index:10;background:rgba(17,22,27,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:23px;font-weight:800;letter-spacing:.04em}.brand span,.eyebrow,em{color:var(--accent);font-style:normal}.top nav{display:flex;gap:26px}.top nav a{text-decoration:none;color:#c9d1d6;font-size:14px}.top nav a:hover{color:white}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:690px;display:grid;align-items:center;max-width:var(--max);margin:auto;padding:90px 24px}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;margin:0 0 20px}h1,h2{font-weight:750;letter-spacing:-.035em;line-height:1.08;margin:0}h1{font-size:clamp(46px,6.2vw,78px)}h2{font-size:clamp(34px,4vw,54px)}.lead{font-size:20px;color:var(--muted);max-width:720px;margin:30px 0}.actions{display:flex;gap:25px;align-items:center}.btn{background:var(--accent);color:#081016;padding:13px 20px;text-decoration:none;font-weight:bold}.ghost{text-decoration:none;color:#cbd4da}.cadmark{height:330px;border:1px solid var(--line);position:relative;display:grid;place-items:center;background:linear-gradient(135deg,transparent,#18222a)}.cadmark:before,.cadmark:after{content:"";position:absolute;background:var(--line)}.cadmark:before{width:100%;height:1px;transform:rotate(35deg)}.cadmark:after{height:100%;width:1px;transform:rotate(35deg)}.cadmark b{font-size:52px;line-height:.9;z-index:1;letter-spacing:-.05em}.cadmark b span{color:var(--accent)}.section{max-width:var(--max);margin:auto;padding:110px 24px;display:grid;grid-template-columns:90px 1fr;gap:35px;border-top:1px solid var(--line)}.section.alt{max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2));background:var(--panel)}.num{font:700 14px monospace;color:#65727c;padding-top:4px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:38px;color:#bdc7ce}.statement .bigtext{font-size:22px;color:#dbe2e6;max-width:900px;margin-top:40px}.statement p:last-child{max-width:800px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.cards article{border:1px solid var(--line);padding:28px;min-height:190px;background:#12181d}.cards article span{font:12px monospace;color:var(--accent)}.cards h3{font-size:19px;margin:22px 0 8px}.cards p{color:var(--muted);margin:0}.contact{max-width:var(--max);margin:auto;padding:120px 24px}.contact h2{max-width:850px}.contact>p:not(.eyebrow){color:var(--muted);font-size:19px}.contactbox{margin-top:45px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.contactbox a{color:var(--accent)}footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:25px 24px 45px;display:flex;justify-content:space-between;color:#7f8b94;font-size:13px}footer a{text-decoration:none}@media(max-width:800px){.top{height:66px}.menu{display:block}.top nav{display:none;position:absolute;top:66px;left:0;right:0;background:#11161b;padding:20px 24px;flex-direction:column;border-bottom:1px solid var(--line)}.top nav.open{display:flex}.hero{min-height:auto;padding-top:70px}.hero-grid{grid-template-columns:1fr}.cadmark{height:190px}.cadmark b{font-size:40px}.section{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}.num{display:none}.cols,.cards{grid-template-columns:1fr;gap:12px}.cols{gap:8px}.actions{align-items:flex-start;flex-direction:column}.contact{padding-top:80px;padding-bottom:80px}.contactbox,footer{flex-direction:column}h1{font-size:45px}.lead{font-size:18px}}

/* Hero with neutral injection-mould background */
.hero{position:relative;max-width:none;isolation:isolate;background-image:url('hero-mould.jpg');background-size:cover;background-position:center 43%;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,13,18,.96) 0%,rgba(7,13,18,.88) 34%,rgba(7,13,18,.48) 64%,rgba(7,13,18,.64) 100%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(17,22,27,.10),rgba(17,22,27,.28) 70%,var(--bg) 100%)}
.hero-grid{width:100%;max-width:var(--max);margin:auto;grid-template-columns:minmax(0,760px) 1fr}
.hero-copy{padding:34px 34px 38px 0;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.hero .lead{color:#d5dde2}
.hero .ghost{color:#eef3f6}
@media(max-width:800px){.hero{background-position:62% center}.hero:before{background:rgba(7,13,18,.78)}.hero-grid{display:block}.hero-copy{padding-right:0}}

/* Design adaptation: dark technical hero + four service cards */
:root{--accent:#ff7a00;--blue:#72b9e8;--bg:#07131d;--panel:#0c1b27;--ink:#f2f6f8;--muted:#b9c6cf;--line:#263b4a}
.top{height:80px;background:rgba(5,16,25,.96);border-bottom:1px solid #233542}.brand{font-size:30px;line-height:.8}.brand span{color:var(--accent)}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.28em;color:#879aa8;margin-top:10px}.top nav{gap:30px}.top nav a{text-transform:uppercase;font-size:12px;font-weight:700}.top nav a.active,.top nav a:hover{color:var(--accent)}
.hero{min-height:870px;padding:0;display:block;background-image:linear-gradient(90deg,rgba(4,15,24,.98) 0%,rgba(4,15,24,.87) 32%,rgba(4,15,24,.24) 59%,rgba(4,15,24,.40) 100%),url('hero-design.png');background-position:center top;background-size:cover}.hero:before,.hero:after{display:none}.hero-grid{max-width:var(--max);min-height:565px;margin:auto;padding:78px 24px 30px;display:block}.hero-copy{width:47%;padding:0;text-shadow:0 3px 18px #000}.hero h1{font-size:clamp(58px,6vw,84px);letter-spacing:.025em;line-height:.95}.hero h1 span{color:#fff}.hero h1 em{color:var(--accent)}.hero h2{font-size:clamp(28px,3vw,39px);font-weight:400;letter-spacing:-.02em;line-height:1.2;margin-top:20px}.hero .eyebrow{color:#88a2b5;font-weight:500}.hero .lead{font-size:19px;margin:22px 0 14px;color:#d9e2e8}.hero-rule{width:50px;height:2px;background:var(--accent);margin:24px 0}.hero-services{font-size:16px;color:#dce6ec;margin:0 0 28px}.hero-services i{color:#fff;font-style:normal;margin:0 14px}.hero .btn{display:inline-flex;align-items:center;gap:48px;background:var(--accent);color:#fff;padding:15px 26px;font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.22)}.hero .btn b{font-size:20px;font-weight:400}.feature-grid{max-width:var(--max);margin:0 auto;padding:0 24px 36px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{min-height:270px;padding:24px 28px;text-decoration:none;background:rgba(6,22,33,.91);border:1px solid #294052;backdrop-filter:blur(8px);transition:.2s}.feature:hover{transform:translateY(-3px);border-color:#4b6e84}.feature .icon{height:56px;width:56px;display:grid;place-items:center;font-size:31px;color:var(--blue);border:1px solid transparent}.feature h3{font-size:18px;margin:9px 0 10px}.feature p{font-size:14px;line-height:1.45;color:#c1ced6;margin:0 0 17px}.feature span{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.04em}.section .eyebrow,.contact .eyebrow{color:var(--accent)}.cards article span,.contactbox a{color:var(--accent)}footer strong{color:#e9eff3}
@media(max-width:950px){.top nav{gap:14px}.top nav a{font-size:10px}.hero-copy{width:58%}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:1050px}}
@media(max-width:800px){.top{height:68px}.brand{font-size:23px}.brand small{font-size:7px}.top nav{top:68px}.hero{min-height:auto;background-position:62% top;background-image:linear-gradient(rgba(4,15,24,.76),rgba(4,15,24,.91)),url('hero-design.png')}.hero-grid{min-height:auto;padding:65px 24px 55px}.hero-copy{width:100%}.hero h1{font-size:49px}.hero h2{font-size:28px}.feature-grid{grid-template-columns:1fr;padding-bottom:55px}.feature{min-height:auto}.hero-services{line-height:2}.hero-services i{margin:0 7px}}

/* Fixed full-page technical background */
body{position:relative;background:#06131d;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:url('fixed-bg.png') center center/cover no-repeat;filter:blur(2px) brightness(.58);transform:scale(1.01)}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(3,15,24,.34)}
.hero{background:linear-gradient(90deg,rgba(4,15,24,.78) 0%,rgba(4,15,24,.58) 35%,rgba(4,15,24,.16) 66%,rgba(4,15,24,.28) 100%);}
.section,.contact{background:rgba(5,19,29,.70);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.section.alt{background:rgba(7,25,37,.78)}
.section{max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}
.contact{max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}
.feature{background:rgba(5,22,34,.80)}
footer{max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2));background:rgba(4,15,24,.94)}
@media(max-width:800px){body:before{background-position:58% center;filter:blur(2px) brightness(.45)}.section,.section.alt,.contact{background:rgba(5,19,29,.84)}.hero{background:rgba(4,15,24,.62)}}

/* --- KORREKTUR: scharfes Werkzeug im Hero + echtes festes Hintergrundbild --- */
/* Das generierte Seiten-Mockup wird NICHT als Hintergrund verwendet. */
body:before{
  background-image:url('mould-clean.jpg');
  background-position:center center;
  background-size:cover;
  filter:blur(5px) brightness(.35) saturate(.85);
  transform:scale(1.035);
}
body:after{background:rgba(2,12,20,.42)}

.hero{
  position:relative;
  isolation:isolate;
  background:none;
  overflow:hidden;
}
.hero:before{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('mould-clean.jpg') center 43%/cover no-repeat;
  filter:none;
  transform:none;
}
.hero:after{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(3,14,23,.97) 0%,rgba(3,14,23,.91) 31%,rgba(3,14,23,.42) 56%,rgba(3,14,23,.13) 72%,rgba(3,14,23,.35) 100%),
    linear-gradient(180deg,rgba(5,16,25,.06) 0%,rgba(5,16,25,.05) 70%,rgba(5,16,25,.62) 100%);
}
.hero-grid{position:relative;z-index:1}
.feature-grid{position:relative;z-index:1}

/* Die Inhaltsbereiche lassen das feststehende Werkzeugbild sichtbar. */
.section,.contact{background:rgba(4,18,29,.70)}
.section.alt{background:rgba(5,22,34,.76)}

@media(max-width:800px){
  .hero:before{background-position:58% center}
  .hero:after{background:linear-gradient(180deg,rgba(3,14,23,.72),rgba(3,14,23,.88))}
  body:before{background-position:60% center;filter:blur(5px) brightness(.30)}
}

/* Final: bisheriges FLICKS-cad Logo als Wiedererkennungsmerkmal */
.top{gap:24px}
.logo-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none;line-height:1}
.logo-brand img{display:block;width:200px;height:auto;max-height:66px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 5px 16px rgba(0,0,0,.22)}
.top nav{margin-left:auto}
@media(max-width:1050px){.logo-brand img{width:168px}.top nav{gap:16px}.top nav a{font-size:10px}}
@media(max-width:800px){.logo-brand img{width:145px;max-height:54px}.top{padding-left:14px;padding-right:14px}.hero-grid{padding-top:72px}}

/* Hochwertige technische Linien-Icons in den vier Leistungskacheln */
.feature .icon{width:64px;height:64px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}
.feature .icon svg{width:58px;height:58px;fill:none;stroke:#64c7ff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(100,199,255,.10))}
.feature .icon svg .icon-letter{stroke-width:4.8}
@media(max-width:800px){.feature .icon{width:58px;height:58px}.feature .icon svg{width:52px;height:52px}}