:root{
  --blue:#0755c9;--blue2:#0a68e8;--navy:#07172d;--text:#101b31;--muted:#5f6a7c;
  --light:#f4f7fb;--white:#fff;--line:#dde5ef;--shadow:0 20px 60px rgba(5,35,82,.14);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.contactbar{background:linear-gradient(90deg,#064bc1,#075fd7);color:#fff;font-size:14px}.contactbar-inner{min-height:46px;display:flex;align-items:center;gap:28px}.contactbar a{display:flex;align-items:center;gap:8px}.top-social{margin-left:auto;display:flex;gap:16px;font-weight:800;font-size:18px}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.06)}.nav{height:118px;display:flex;align-items:center;gap:28px}.brand img{width:315px;height:82px;object-fit:contain}.main-nav{display:flex;gap:28px;margin-left:auto}.main-nav a{font-size:14px;text-transform:uppercase;font-weight:700}.main-nav a:hover{color:var(--blue)}.nav-toggle{display:none;background:none;border:0;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:15px 24px;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(7,85,201,.23);transition:.2s}.btn:hover{transform:translateY(-2px)}.nav-cta{font-size:13px;white-space:nowrap}
.hero{position:relative;min-height:590px;background:var(--navy);color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,43,.98) 0%,rgba(5,20,43,.88) 42%,rgba(5,20,43,.18) 76%),url('assets/hero-haus.jpg') right center/cover no-repeat}.hero-content{position:relative;z-index:1}.hero-copy{max-width:600px;padding:72px 0 105px}.pretitle,.eyebrow{display:block;color:var(--blue2);text-transform:uppercase;letter-spacing:.04em;font-weight:800;font-size:14px;margin-bottom:14px}.hero h1{font-size:clamp(50px,6vw,78px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.hero h1 em{font-style:normal;color:#1477ff}.hero-copy>p{font-size:18px;color:#e3e9f1;max-width:560px}.hero-actions{display:flex;gap:14px;margin:30px 0 20px}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.75);box-shadow:none}.hero-trust{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.hero-trust span:before{color:#1477ff}
.services-strip{margin-top:-56px;position:relative;z-index:3}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-grid article{background:#fff;border-radius:10px;padding:22px 15px;text-align:center;box-shadow:var(--shadow);border:1px solid #edf1f5}.service-icon{font-size:37px;color:var(--blue);height:52px}.service-grid h3{font-size:16px;margin:10px 0}.service-grid p{font-size:13px;color:var(--muted);margin:0}
.section{padding:90px 0}h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px}.lead{font-size:18px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.4fr .65fr;gap:70px;align-items:start}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.quality-grid div{border-left:3px solid var(--blue);padding-left:15px}.quality-grid b,.quality-grid span{display:block}.quality-grid span{font-size:13px;color:var(--muted);margin-top:6px}.company-card{background:var(--light);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.company-card a{display:block;padding:8px 0;color:var(--blue);font-weight:700}.company-card hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.blue-section{background:linear-gradient(135deg,#061a39,#063d8c);color:#fff}.eyebrow.light{color:#77adff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);border-radius:15px;padding:30px}.project-grid span{font-size:30px;color:#73a9ff;font-weight:800}.project-grid p{color:#cedcf0}
.region{background:var(--light)}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.region-map{position:relative;height:330px;background:linear-gradient(135deg,#e6eef8,#d7e5f7);border-radius:22px;overflow:hidden;border:1px solid #c9d8e9}.region-map:before,.region-map:after{content:"";position:absolute;background:#c1d4e9}.region-map:before{width:140%;height:2px;top:48%;left:-15%;transform:rotate(-14deg)}.region-map:after{height:140%;width:2px;left:49%;top:-15%;transform:rotate(18deg)}.map-circle{position:absolute;width:190px;height:190px;border:2px solid rgba(7,85,201,.35);background:rgba(7,85,201,.08);border-radius:50%;left:42%;top:27%}.map-dot{position:absolute;z-index:2;color:#064bb6;font-weight:800}.map-dot:before{content:"●";margin-right:6px}.bergen{left:43%;top:28%}.celle{left:49%;top:56%}.winsen{left:68%;top:48%}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq details{border:1px solid var(--line);background:var(--light);border-radius:12px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}
.contact{background:var(--light)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-boxes{display:grid;gap:12px;margin-top:28px}.contact-boxes a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px}.contact-boxes small,.contact-boxes strong{display:block}.contact-boxes small{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.1em}.contact-form{background:#fff;padding:30px;border-radius:18px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:13px;font-weight:800;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #ccd7e4;border-radius:8px;font:inherit}textarea{resize:vertical}.privacy{display:flex;gap:9px;font-weight:400}.privacy input{width:auto;margin-top:4px}.full{width:100%}.honeypot{position:absolute!important;left:-9999px!important}
.quickbar{position:fixed;right:0;top:250px;z-index:60;display:flex;flex-direction:column}.quickbar a{width:90px;min-height:76px;background:linear-gradient(#0861db,#034ab5);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700;text-align:center}.quickbar span{font-size:25px}.quickbar .wa{background:linear-gradient(#0871dd,#0755c9)}
footer{background:#051426;color:#b8c7da;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.footer-logo{background:#fff;border-radius:10px;padding:10px;width:285px;max-width:100%}.footer-grid h3{color:#fff}.footer-grid a,.footer-grid span{display:block;margin:7px 0;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:40px;font-size:13px}
.legal{padding:70px 0;max-width:900px}.legal h1{font-size:48px}.legal h2{font-size:26px;margin-top:35px}.notice{background:#edf5ff;border:1px solid #b9d6ff;padding:15px;border-radius:10px}
@media(max-width:1050px){.main-nav{display:none;position:absolute;top:118px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.1)}.main-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.nav-cta{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.about-grid,.region-grid,.contact-grid{grid-template-columns:1fr}.quickbar{top:auto;bottom:0;left:0;right:0;flex-direction:row}.quickbar a{width:33.333%;min-height:58px;flex-direction:row;gap:8px}.quickbar span{font-size:20px}.footer-bottom{padding-bottom:60px}}
@media(max-width:680px){.container{width:min(100% - 26px,1180px)}.contactbar-inner{flex-wrap:wrap;gap:8px 18px;padding:8px 0}.contactbar-inner a:nth-child(3){display:none}.top-social{margin-left:0}.nav{height:82px}.brand img{width:210px;height:60px}.main-nav{top:82px}.hero{min-height:600px}.hero-copy{padding:55px 0 105px}.hero-image{background-position:62% center}.hero-actions{flex-direction:column}.service-grid{grid-template-columns:1fr 1fr}.services-strip{margin-top:-40px}.section{padding:70px 0}.quality-grid,.project-grid,.faq-grid,.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.company-card{margin-top:10px}.region-map{height:270px}}

.services-heading{padding:35px 0 32px;text-align:center;max-width:820px}
.services-heading h2{margin-bottom:14px}
.services-heading p{color:var(--muted);font-size:17px;margin:0}
.services-strip{margin-top:0;padding-top:42px;background:#fff}
.services-strip .service-grid{margin-bottom:-56px}
.process{background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.process-grid article{position:relative;background:var(--light);border:1px solid var(--line);border-radius:16px;padding:28px 24px;overflow:hidden;transition:.25s}
.process-grid article:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue2),var(--blue))}
.process-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.step-number{display:block;color:var(--blue);font-size:34px;font-weight:900;line-height:1;margin-bottom:18px}
.process-grid h3{font-size:19px;margin:0 0 10px}
.process-grid p{color:var(--muted);font-size:14px;margin:0}
@media(max-width:1050px){
  .process-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .services-strip{padding-top:20px}
  .services-strip .service-grid{margin-bottom:-40px}
  .process-grid{grid-template-columns:1fr}
}

.subhero{background:linear-gradient(120deg,#051a38,#0755c9);color:#fff;padding:85px 0}
.subhero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:0 0 20px}
.subhero p{max-width:760px;font-size:19px;color:#dbe8ff}
.content-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:65px}
.content-grid p,.content-grid li{color:var(--muted)}
.info-card{background:var(--light);border:1px solid var(--line);padding:26px;border-radius:16px}
.info-card a{display:block;color:var(--blue);font-weight:800;margin:10px 0}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}
.feature-list div{background:var(--light);border-left:3px solid var(--blue);padding:17px;border-radius:8px}
.page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-cards article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 12px 35px rgba(5,35,82,.08)}
.page-cards a{color:var(--blue);font-weight:800}
.why-us{background:#f5f8fc}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.why-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.why-grid b{font-size:17px}.why-grid p{color:var(--muted);font-size:14px}
.article-list{display:grid;gap:20px}
.article-list article{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}
.article-list h2{font-size:26px}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}.page-cards,.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.feature-list,.page-cards,.why-grid{grid-template-columns:1fr}.subhero{padding:65px 0}}

/* Lokale SVG-Icons */
.inline-icon{width:16px;height:16px;display:inline-block;vertical-align:-2px;margin-right:7px;filter:brightness(0) invert(1)}
.social-icon{width:19px;height:19px;display:block;filter:brightness(0) invert(1)}
.quick-icon{width:24px;height:24px;filter:brightness(0) invert(1)}
.service-svg{width:39px;height:39px;filter:invert(24%) sepia(94%) saturate(2537%) hue-rotate(210deg) brightness(88%) contrast(99%)}
.why-icon{width:28px;height:28px;display:block;margin-bottom:15px;filter:invert(24%) sepia(94%) saturate(2537%) hue-rotate(210deg) brightness(88%) contrast(99%)}
.btn-icon{width:15px;height:15px;margin-left:9px;filter:brightness(0) invert(1)}
.section-intro{max-width:780px;color:var(--muted);font-size:17px}
.center{text-align:center;margin-top:34px}
.reference-preview{background:#fff}
.placeholder-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.placeholder-gallery article{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(5,35,82,.08)}
.placeholder-gallery article h3,.placeholder-gallery article p{margin-left:22px;margin-right:22px}
.placeholder-gallery article p{color:var(--muted);font-size:14px;margin-bottom:24px}
.placeholder-image{height:190px;background:linear-gradient(135deg,#eef4fb,#dce9f9);display:grid;place-items:center;position:relative}
.placeholder-image:after{content:"Projektfoto folgt";position:absolute;bottom:15px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#7190b7}
.placeholder-icon{width:62px;height:62px;opacity:.55;filter:invert(24%) sepia(94%) saturate(2537%) hue-rotate(210deg) brightness(88%) contrast(99%)}
.partner-section{background:var(--light)}
.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}
.partner-grid span{min-height:80px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;text-align:center;font-weight:900;color:#31547b;padding:12px}
.quickbar a{gap:7px}
.top-social a{width:25px;height:25px;display:grid;place-items:center}
@media(max-width:900px){
  .placeholder-gallery{grid-template-columns:1fr 1fr}
  .partner-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .placeholder-gallery{grid-template-columns:1fr}
  .partner-grid{grid-template-columns:1fr 1fr}
}

/* Angeglichene Kontakt-Icons */
.contact-boxes .inline-icon,
.company-card .inline-icon,
.info-card .inline-icon{
  filter:none !important;
  width:18px;
  height:18px;
  vertical-align:-3px;
}
.contactbar .inline-icon{
  filter:brightness(0) invert(1) !important;
}

/* Projekt-Beispielbilder */
.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.photo-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(5,35,82,.09);transition:.25s}
.photo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.project-photo-wrap{position:relative;height:220px;overflow:hidden;background:#dce7f4}
.project-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.photo-card:hover .project-photo{transform:scale(1.045)}
.sample-label{position:absolute;left:14px;bottom:14px;background:rgba(5,20,38,.84);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.photo-card h3,.photo-card p{margin-left:22px;margin-right:22px}
.photo-card h3{margin-top:20px;margin-bottom:8px}
.photo-card p{color:var(--muted);font-size:14px;margin-top:0;margin-bottom:23px}
.notice-box{margin-top:28px;padding:18px 20px;background:#edf5ff;border:1px solid #b9d6ff;border-radius:12px;color:#34516f}
@media(max-width:900px){.photo-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.photo-gallery{grid-template-columns:1fr}.project-photo-wrap{height:210px}}