@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#05090d;--panel:#0b1117;--panel2:#101922;--text:#f5f8fa;--muted:#9aa8b4;--line:rgba(255,255,255,.1);--accent:#42f5c5;--accent2:#1dbbff;--light:#eef3f5;--dark:#071016;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:86px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(5,9,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{height:72px;width:auto;max-width:210px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:32px}.nav a{color:#c9d2d8;text-decoration:none;font-size:14px;font-weight:600}.nav a:hover{color:#fff}.nav-cta{padding:12px 18px;border:1px solid rgba(66,245,197,.45);background:rgba(66,245,197,.08)}.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:900px;padding:170px max(24px,calc((100vw - var(--max))/2)) 100px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(29,187,255,.13),transparent 28%),radial-gradient(circle at 18% 78%,rgba(66,245,197,.08),transparent 30%)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-content,.hero-visual{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.eyebrow i{display:inline-block;width:28px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}.hero h1,.section h2,.dark-panel h2,.request-section h2,.about h2{font-family:"Space Grotesk",sans-serif;line-height:1.02;letter-spacing:-.04em}.hero h1{font-size:clamp(60px,7vw,104px);margin:22px 0 26px;max-width:800px}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.hero p{color:#aebbc5;font-size:19px;max-width:680px}.hero-actions{display:flex;gap:14px;margin:36px 0 55px}.btn{border:0;padding:16px 22px;text-decoration:none;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;transition:.25s}.primary{background:linear-gradient(100deg,var(--accent),#8dffdc);color:#042019;box-shadow:0 10px 40px rgba(66,245,197,.17)}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 45px rgba(66,245,197,.28)}.ghost{border:1px solid var(--line);color:white;background:rgba(255,255,255,.03)}.hero-stats{display:flex;gap:46px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:"Space Grotesk";font-size:25px}.hero-stats span{color:#71808b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hero-visual{min-height:560px;display:grid;place-items:center}.radar{width:min(520px,90vw);aspect-ratio:1;border-radius:50%;position:relative;border:1px solid rgba(66,245,197,.2);background:radial-gradient(circle,rgba(66,245,197,.03),transparent 60%);box-shadow:inset 0 0 100px rgba(29,187,255,.06),0 0 100px rgba(29,187,255,.08)}.ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset:12%}.r2{inset:25%}.r3{inset:38%}.radar:before,.radar:after{content:"";position:absolute;background:rgba(255,255,255,.11)}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%}.radar img{position:absolute;width:135px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 30px rgba(66,245,197,.25));z-index:3}.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 315deg,rgba(66,245,197,.22) 355deg,rgba(66,245,197,.5));animation:spin 5s linear infinite}.target{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent);z-index:5}.t1{top:22%;left:66%}.t2{top:62%;left:24%}.t3{top:75%;left:72%}@keyframes spin{to{transform:rotate(360deg)}}.status-card{position:absolute;bottom:14%;right:0;background:rgba(9,17,23,.88);border:1px solid var(--line);padding:15px 20px;display:flex;align-items:center;gap:13px;backdrop-filter:blur(15px)}.status-card small{display:block;color:#687681;font-size:9px;letter-spacing:.18em}.status-card strong{font-size:13px;letter-spacing:.1em}.pulse{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 7px rgba(66,245,197,.1);animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(66,245,197,0)}}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5%;display:flex;justify-content:center;gap:55px;color:#83909a;text-transform:uppercase;font-size:11px;letter-spacing:.12em;flex-wrap:wrap;background:#070c11}.section{padding:120px max(24px,calc((100vw - var(--max))/2))}.section-head{max-width:740px;margin-bottom:55px}.section h2,.dark-panel h2,.request-section h2,.about h2{font-size:clamp(40px,5vw,64px);margin:17px 0 20px}.section-head p,.panel-copy p,.request-intro p,.about-copy p{color:var(--muted);font-size:17px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--line);padding:35px;min-height:355px;transition:.3s;overflow:hidden}.service-card:after{content:"";position:absolute;width:120px;height:120px;background:var(--accent);filter:blur(90px);opacity:0;right:-50px;bottom:-50px;transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:rgba(66,245,197,.35)}.service-card:hover:after{opacity:.22}.num{position:absolute;right:22px;top:18px;color:#53606a;font-family:"Space Grotesk"}.icon{font-size:36px;color:var(--accent);margin-bottom:45px}.service-card h3{font-family:"Space Grotesk";font-size:22px}.service-card p{color:#93a1ac;font-size:14px}.service-card a,.text-link{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.dark-panel{margin:0 max(20px,calc((100vw - 1380px)/2));padding:100px clamp(30px,7vw,100px);background:linear-gradient(130deg,#0b151c,#101c25);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;overflow:hidden}.dark-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:35px 35px}.dark-panel>*{position:relative}.checklist{list-style:none;padding:0;margin-top:34px}.checklist li{padding:13px 0;border-bottom:1px solid var(--line);color:#c7d0d6}.checklist span{color:var(--accent);margin-right:14px}.tech-stack{display:grid;gap:12px}.tech-card{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:23px;display:grid;grid-template-columns:45px 1fr;gap:2px 10px}.tech-card small{color:var(--accent);grid-row:1/3}.tech-card strong{font-family:"Space Grotesk"}.tech-card span{color:#7f8d97;font-size:12px}.tech-card.active{border-color:rgba(66,245,197,.45);background:rgba(66,245,197,.06)}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.step{background:var(--bg);padding:35px}.step b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(66,245,197,.35);color:var(--accent);font-family:"Space Grotesk"}.step h3{margin-top:28px}.step p{color:#86949f;font-size:14px}.request-section{padding:120px max(24px,calc((100vw - var(--max))/2));background:var(--light);color:var(--dark);display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.request-intro{position:sticky;top:130px;align-self:start}.request-intro .eyebrow{color:#068d70}.request-intro p{color:#586872}.response-badge{margin-top:35px;border-top:1px solid #cdd7dc;border-bottom:1px solid #cdd7dc;padding:20px 0;display:flex;gap:16px}.response-badge span{font-size:22px;color:#068d70}.response-badge strong,.response-badge small{display:block}.response-badge small{color:#72808a}.generator{background:white;border:1px solid #d9e2e6;box-shadow:0 25px 80px rgba(10,30,40,.09)}.progress{height:4px;background:#e6edef}.progress-bar{height:100%;background:linear-gradient(90deg,#0fa987,#1dbbff);width:20%;transition:.3s}.step-indicator{padding:25px 30px;border-bottom:1px solid #e5ebee;display:flex;justify-content:space-between;color:#61717a;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.step-indicator span:last-child{font-weight:700;color:#10222c}.form-step{display:none;padding:36px 30px 20px}.form-step.active{display:block}.form-step h3{font-family:"Space Grotesk";font-size:27px;margin:0 0 28px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid label{cursor:pointer}.choice-grid input{display:none}.choice-grid span{display:block;border:1px solid #dce5e9;padding:19px;font-weight:700;transition:.2s}.choice-grid small{display:block;font-weight:400;color:#7d8b93;margin-top:4px}.choice-grid input:checked+span{border-color:#0b9d7e;background:#effbf8;box-shadow:inset 4px 0 #0b9d7e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:12px;font-weight:700;color:#44545e}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid #d8e2e6;background:#fbfcfd;padding:15px;font:inherit;color:#14242c;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#0b9d7e}.full{grid-column:1/-1}.checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:400!important}.checkbox input{width:auto;margin-top:3px}.form-actions{display:flex;justify-content:space-between;padding:24px 30px 30px}.ghost.dark{color:#293a43;border-color:#d5dfe3;background:white}.hidden{display:none}.summary{display:grid;gap:10px}.summary-row{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid #e6edef;padding:11px 0}.summary-row span{color:#77858e;font-size:13px}.summary-row strong{font-size:13px}.form-note{font-size:12px;color:#77858e;margin-top:25px}.about{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px}.about-visual{min-height:480px;display:grid;place-items:center;background:radial-gradient(circle,rgba(66,245,197,.12),transparent 60%),linear-gradient(135deg,#0b1319,#111f28);border:1px solid var(--line);position:relative}.about-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.07)}.big-shield img{width:190px;max-height:245px;object-fit:contain;filter:drop-shadow(0 0 35px rgba(66,245,197,.22))}.about-copy{max-width:630px}footer{background:#020507;border-top:1px solid var(--line)}.footer-main{max-width:var(--max);margin:auto;padding:75px 24px 55px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:50px}.footer-brand img{width:220px;height:auto;max-height:180px;object-fit:contain}.footer-brand p{color:#83919b;max-width:330px;font-size:14px}.group-label{display:inline-block;margin-top:18px;border:1px solid var(--line);padding:9px 12px;color:#9ba9b3;font-size:10px;text-transform:uppercase;letter-spacing:.1em}footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#eaf0f3}footer a,footer p{display:block;color:#7f8b94;text-decoration:none;font-size:13px;margin:9px 0}footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:20px 24px 35px;display:flex;justify-content:space-between;color:#56636b;font-size:11px}.legal{max-width:900px;margin:150px auto 80px;padding:0 24px}.legal h1{font-family:"Space Grotesk";font-size:50px}.legal h2{margin-top:35px}.legal p{color:#a8b4bc}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}
@media(max-width:980px){.nav{display:none;position:absolute;top:86px;left:0;right:0;background:#071016;padding:25px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{min-height:430px}.services-grid{grid-template-columns:1fr 1fr}.dark-panel,.request-section,.about{grid-template-columns:1fr}.request-intro{position:static}.process-line{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-header{height:82px}.brand img{height:62px;width:auto;max-width:145px}.nav{top:74px}.hero{min-height:auto;padding-top:125px}.hero h1{font-size:52px}.hero p{font-size:16px}.hero-actions,.hero-stats{flex-direction:column;align-items:stretch;gap:13px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.hero-visual{min-height:340px}.radar{width:320px}.radar img{width:95px}.status-card{bottom:2%;right:5%}.services-grid,.choice-grid,.form-grid,.process-line,.footer-main{grid-template-columns:1fr}.dark-panel{margin:0 12px;padding:70px 24px}.section,.request-section{padding:85px 20px}.form-step{padding:28px 20px}.form-actions{padding:20px;gap:10px}.form-actions .btn{padding:14px 16px}.summary-row{grid-template-columns:1fr}.about{gap:45px}.about-visual{min-height:350px}.footer-bottom{flex-direction:column;gap:8px}}

/* Hero-Startseite nach freigegebener SICHERWERK-Vorlage */
.site-header{transform:translateY(-110%);opacity:0;transition:transform .35s ease,opacity .35s ease}
.site-header.scrolled{transform:translateY(0);opacity:1}
.hero.hero-image{display:block;min-height:0;padding:0;background:#050505;position:relative;overflow:hidden;aspect-ratio:3/2;width:100%}
.hero.hero-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-hotspot{position:absolute;z-index:3;display:block;border-radius:6px}
.hero-hotspot:focus-visible{outline:3px solid #d5a14c;outline-offset:4px;background:rgba(213,161,76,.14)}
.hero-hotspot-services{left:5.25%;top:63.25%;width:17.5%;height:5.7%}
.hero-hotspot-contact{left:24.1%;top:63.25%;width:18.1%;height:5.7%}
@media(max-width:980px){
  .hero.hero-image{aspect-ratio:3/2;padding:0;min-height:0}
  .hero.hero-image>img{object-fit:cover}
}
@media(max-width:640px){
  .site-header.scrolled{height:74px}
  .hero.hero-image{aspect-ratio:3/2;padding:0;min-height:0}
  .hero-hotspot-services{left:5.25%;top:63.25%;width:17.5%;height:5.7%}
  .hero-hotspot-contact{left:24.1%;top:63.25%;width:18.1%;height:5.7%}
}

/* Erweiterte Leistungs- und Regionalseiten */
.site-header.static-header{transform:none;opacity:1;position:fixed}.static-header+.subpage{padding-top:92px}
.subpage{background:var(--bg)}.sub-hero{min-height:560px;padding:130px max(24px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 75% 35%,rgba(190,139,58,.18),transparent 32%),linear-gradient(125deg,#071017,#101820);border-bottom:1px solid var(--line)}
.sub-hero h1{font-family:"Space Grotesk";font-size:clamp(48px,7vw,88px);line-height:1;max-width:980px;margin:18px 0 24px}.sub-hero p{font-size:19px;color:#a8b4bc;max-width:760px;margin:0 0 32px}.sub-hero .btn{align-self:flex-start}.city-hero{background:radial-gradient(circle at 80% 30%,rgba(190,139,58,.16),transparent 30%),linear-gradient(125deg,#071017,#111a21)}
.detail-grid,.region-copy{max-width:var(--max);margin:auto;padding:110px 24px;display:grid;grid-template-columns:1.3fr .7fr;gap:80px}.detail-grid h2,.region-copy h2,.detail-cta h2{font-size:clamp(38px,5vw,62px);margin:15px 0 20px}.detail-grid p,.region-copy>p{color:var(--muted);font-size:17px}.detail-list{margin-top:30px}.detail-box{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));padding:35px;align-self:start}.detail-box h3{font-size:26px}.detail-box ol{padding-left:20px;color:#a8b4bc}.detail-box li{padding:10px 0;border-bottom:1px solid var(--line)}.detail-box .text-link{display:inline-block;margin-top:25px}
.detail-cta{max-width:var(--max);margin:0 auto 100px;border:1px solid rgba(190,139,58,.35);background:linear-gradient(120deg,rgba(190,139,58,.1),rgba(255,255,255,.02));padding:55px;display:flex;justify-content:space-between;align-items:center;gap:40px}.detail-cta p{color:var(--muted);margin-bottom:0}.detail-cta .btn{flex:0 0 auto}
.region-copy{display:block}.region-copy>p{max-width:900px}.region-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.region-service-card{display:block;border:1px solid var(--line);padding:28px;text-decoration:none;color:#fff;background:rgba(255,255,255,.025);transition:.25s}.region-service-card:hover{transform:translateY(-4px);border-color:rgba(190,139,58,.5)}.region-service-card h3{font-size:20px}.region-service-card p{color:#8e9ba4;font-size:13px}.region-service-card span{color:#d3a759;font-size:13px;font-weight:700}
.expanded-footer{grid-template-columns:1.4fr 1fr 1fr 1.1fr}.footer-regions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px}.region-links{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px}.footer-brand img,.brand img{filter:none}
@media(max-width:980px){.detail-grid{grid-template-columns:1fr}.region-services{grid-template-columns:1fr 1fr}.region-links{grid-template-columns:repeat(3,1fr)}.expanded-footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.static-header+.subpage{padding-top:74px}.sub-hero{min-height:480px;padding:90px 20px}.detail-grid,.region-copy{padding:75px 20px}.region-services,.region-links,.expanded-footer{grid-template-columns:1fr}.detail-cta{margin:0 12px 70px;padding:35px 24px;display:block}.detail-cta .btn{margin-top:25px}.footer-regions{grid-column:auto}}

/* Final logo sizing and service-detail layout */
.site-header .brand{display:flex;align-items:center;flex:0 0 auto;height:100%;overflow:hidden}
.site-header .brand img{width:176px;height:52px;max-width:176px;object-fit:contain;object-position:left center;display:block}
.footer-brand img{width:205px;height:112px;max-height:112px;object-fit:contain;object-position:left center;display:block}

.sub-hero{min-height:430px;padding-top:105px;padding-bottom:76px;position:relative;overflow:hidden}
.sub-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,13,.12),rgba(5,9,13,.7));pointer-events:none}
.sub-hero>*{position:relative;z-index:1}
.sub-hero h1{font-size:clamp(46px,6vw,76px);max-width:900px}
.detail-grid{padding-top:80px;padding-bottom:80px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:start}
.detail-grid>div{min-width:0}
.detail-grid h2{font-size:clamp(34px,4vw,52px);max-width:820px}
.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:34px 0 0}
.detail-list li{min-height:92px;padding:20px 20px 20px 52px!important;border:1px solid var(--line)!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));position:relative;display:flex;align-items:center}
.detail-list li span{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(190,139,58,.13);color:var(--gold);margin:0!important}
.detail-box{position:sticky;top:116px;border-color:rgba(190,139,58,.32);border-radius:2px;padding:32px;background:linear-gradient(145deg,rgba(190,139,58,.09),rgba(255,255,255,.018))}
.detail-box h3{margin-top:0;font-family:"Space Grotesk",sans-serif}
.detail-box ol{counter-reset:steps;list-style:none;padding:0;margin:22px 0}
.detail-box li{counter-increment:steps;padding:15px 0 15px 46px;position:relative}
.detail-box li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:13px;color:var(--gold);font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:13px}
.detail-cta{border-radius:2px;padding:44px 50px;margin-bottom:85px}

@media(max-width:980px){
 .site-header .brand img{width:155px;height:46px;max-width:155px}
 .detail-grid{grid-template-columns:1fr;gap:30px}
 .detail-box{position:relative;top:auto}
}
@media(max-width:640px){
 .site-header .brand img{width:132px;height:40px;max-width:132px}
 .footer-brand img{width:180px;height:98px}
 .detail-list{grid-template-columns:1fr}
 .sub-hero{min-height:390px;padding-top:82px;padding-bottom:58px}
}