@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#102238;--navy2:#1b3855;--blue:#0877d5;--blue2:#1590ee;--ink:#14263b;--muted:#5d6f83;--pale:#f1f5f8;--white:#fff;--line:#dce5ec}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.partner-logo {
  max-height: 70px;   /* Passe die Höhe nach Bedarf an */
  width: auto;        /* Behält das Seitenverhältnis bei */
  vertical-align: middle; 
}
.site-status-banner {
  background-color: #2c3e50; /* Ein dunkler, professioneller Ton (oder an dein Design anpassen) */
  color: #ffffff;
  font-size: 14px;
  padding: 8px 0;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 9999; /* Damit der Banner immer ganz oben liegt */
}

.site-status-banner .wrap {
  max-width: 1200px; /* Passe diesen Wert an die maximale Breite deiner Website an */
  margin: 0 auto;
  padding: 0 15px;
}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1160px)/2));background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 16px #0d23300a}.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;display:block;width:36px;height:42px;background:linear-gradient(145deg,#8ca6bc 0 24%,#1469ad 25% 58%,#064c87 59%);clip-path:polygon(0 18%,70% 0,100% 16%,100% 80%,30% 100%,0 84%)}.brand-mark i{position:absolute;left:0;top:12px;width:27px;height:10px;background:#fff;transform:skewY(15deg)}.brand-mark b{position:absolute;right:0;top:17px;width:18px;height:9px;background:#a9c2d7;transform:skewY(-20deg)}.brand-name{font-size:22px;letter-spacing:2px;font-weight:800;line-height:1.05}.brand-name small{display:block;font-size:9px;letter-spacing:2px;font-weight:700;margin-top:5px}.navigation{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:600}.navigation a{padding:10px 0;position:relative}.navigation a:hover,.navigation a:focus{color:var(--blue)}.navigation a:first-child:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}
.hero{min-height:625px;position:relative;display:flex;align-items:center;color:white;background-color:#101f2c;background-image:linear-gradient(90deg, rgba(10,24,37,.15) 0%, rgba(10,24,37,.83) 61%, rgba(10,24,37,.97) 100%), url('assets/Gas Connect Baumgarten.jpg');background-position:center;background-size:cover;overflow:hidden}.hero-content{position:relative;z-index:1;padding:45px 0;margin-left: auto;margin-right: 0;max-width: 795px;width: 100%;}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--blue);margin:0 0 14px}.eyebrow.light{color:#d8e6f1}.hero h1{font-size:clamp(43px,5vw,65px);letter-spacing:-2px;line-height:1.06;margin:0 0 22px;max-width:680px}.hero-copy{max-width:590px;color:#e4eaf0;font-size:15px;margin:0 0 28px}.button{display:inline-flex;align-items:center;gap:24px;padding:13px 19px;font-size:13px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button-primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px #006ac533}.button-primary:hover{background:var(--blue2)}.hero-tags{display:flex;gap:10px;margin-top:28px}.hero-tags span{border:1px solid #ffffff4d;padding:5px 12px;border-radius:2px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#e3edf6}.hero-caption{position:absolute;left:30px;bottom:22px;font-size:10px;letter-spacing:2px;color:#e1e9f0}
.partner-strip{background:#fff;border-bottom:1px solid var(--line);padding:23px 0}.partner-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.partner-label{font-size:10px;color:var(--muted);letter-spacing:1.4px;font-weight:700}.partner-inner>div:not(.partner-detail){display:flex;flex-direction:column;line-height:1.25}.partner-inner strong{font-size:18px;letter-spacing:1px;color:#263d52}.partner-inner small{font-size:10px;color:var(--muted)}.partner-inner i{width:1px;height:36px;background:var(--line)}.partner-detail{font-size:12px;color:var(--muted);max-width:220px}
.section{padding:78px 0}.expertise{background:#fff}.section-heading{margin:0 auto 38px}.section-heading.left{max-width:740px;margin-left:max(24px,calc((100% - 1160px)/2));margin-right:auto}.section-heading h2,.about h2,.references h2,.contact-band h2{font-size:clamp(30px,3.5vw,42px);letter-spacing:-1.2px;line-height:1.14;margin:0 0 18px}.body-copy{font-size:14px;color:var(--muted);max-width:650px;margin:0 0 22px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{position:relative;padding:25px 20px 22px;border:1px solid var(--line);min-height:260px;transition:border .2s,transform .2s,box-shadow .2s}.service-card:hover{border-color:#8fc6f2;transform:translateY(-4px);box-shadow:0 12px 30px #18344a0b}.service-number{position:absolute;top:17px;right:17px;color:#a4b3c0;font-size:11px;font-weight:700}.service-symbol{color:var(--blue);font-size:32px;line-height:1.2;margin-bottom:17px}.service-card h3{font-size:15px;line-height:1.35;margin:0 0 10px}.service-card p{font-size:12px;color:var(--muted);margin:0 0 18px}.service-card a{font-size:11px;color:var(--blue);font-weight:700}.service-card a span{font-size:17px;margin-left:7px}
.about{background:var(--pale)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.button-outline{border:1px solid var(--blue);color:var(--blue);background:transparent}.button-outline:hover{background:#e4f2ff}.about-visual{height:330px;position:relative;overflow:hidden;background:linear-gradient(135deg,#173957,#0d2134);border-radius:3px}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(#a3c5df18 1px,transparent 1px),linear-gradient(90deg,#a3c5df18 1px,transparent 1px);background-size:28px 28px}.blueprint-circle{position:absolute;border:1px solid #83b6dd65;border-radius:50%;aspect-ratio:1}.circle-one{width:290px;right:-15px;top:18px}.circle-two{width:220px;right:20px;top:53px}.machine-block{position:absolute;left:15%;top:25%;width:54%;height:48%;background:linear-gradient(135deg,#c4d1db,#607f97 48%,#d8e1e8 50%,#7891a5);transform:skewY(-7deg);box-shadow:22px 22px 0 #07172566}.machine-top{position:absolute;top:-24px;left:12%;width:77%;height:25px;background:#dce5ec;transform:skewY(7deg)}.machine-cutout{position:absolute;right:16%;top:25%;width:35%;height:45%;border:9px solid #324d62;background:#10283c;box-shadow:inset 0 0 0 2px #a9c0d1}.machine-bolt{position:absolute;left:18%;bottom:14%;width:18px;height:18px;border-radius:50%;background:#18364e;border:3px solid #b5c6d3}.about-visual p{position:absolute;bottom:14px;left:20px;color:#d8e8f5;font-size:9px;letter-spacing:2px}
.references{background:#fff}.references-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.reference-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.reference-list span{padding:20px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;font-size:14px;color:#35516a}.reference-list small{grid-column:1/-1;padding:12px 18px;color:var(--muted);font-size:10px}
.contact-band{background:linear-gradient(110deg,#1d3e5b,#10253b);color:#fff;padding:55px 0;text-align:center;position:relative;overflow:hidden}.contact-band:after{content:"";position:absolute;width:340px;height:340px;right:-80px;top:-120px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06}.contact-inner{position:relative;z-index:1}.contact-band h2{font-size:32px;margin-bottom:12px}.contact-band p:not(.eyebrow){font-size:13px;color:#d0dce7;margin:0 0 24px}.contact-details{background:#f7f9fb;padding:38px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.detail-label{display:block;font-size:10px;letter-spacing:1.5px;color:var(--blue);font-weight:700;margin-bottom:10px}.contact-grid strong{display:block;font-size:13px}.contact-grid p{font-size:12px;color:var(--muted);margin:5px 0 8px}.contact-grid a:hover{color:var(--blue)}.contact-grid div>a{font-size:11px;color:var(--blue);font-weight:600}
.site-footer{background:#0b1b2b;color:#d5e0e9;padding:27px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-footer .brand-name{font-size:16px;color:#fff}.brand-footer .brand-name small{font-size:8px;letter-spacing:1.5px}.brand-footer .brand-mark{width:28px;height:33px}.footer-links{display:flex;gap:17px;font-size:10px}.footer-links a:hover{color:#fff}.footer-note{font-size:10px;color:#91a3b3;margin:0}
@media(max-width:900px){.navigation{gap:15px;font-size:11px}.brand-name{font-size:19px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.references-inner{gap:35px}.partner-inner{gap:15px}.partner-detail{max-width:170px}}
@media(max-width:720px){.site-header{height:72px}.menu-toggle{display:block}.navigation{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 12px 18px #0d233014;flex-direction:column;align-items:flex-start;gap:8px}.navigation.open{display:flex}.navigation a:first-child:after{display:none}.hero{min-height:500px;background-position:62% center}.hero h1{font-size:47px}.partner-inner{flex-wrap:wrap;justify-content:flex-start}.partner-label{width:100%}.partner-detail{max-width:100%;width:100%}.partner-inner i{height:28px}.section{padding:58px 0}.section-heading.left{margin:0 auto 32px;width:calc(100% - 48px)}.about-grid,.references-inner{grid-template-columns:1fr}.about-visual{height:260px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid div:first-child{grid-column:1/-1}.footer-inner{flex-wrap:wrap}.footer-links{order:3;width:100%;flex-wrap:wrap}.footer-note{margin-left:auto}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.site-header{padding:0 18px}.brand-mark{width:30px;height:36px}.brand-name{font-size:17px;letter-spacing:1.3px}.brand-name small{font-size:7px;letter-spacing:1.3px}.hero{min-height:520px}.hero h1{font-size:41px;letter-spacing:-1.3px}.hero-copy{font-size:13px}.hero-caption{display:none}.hero-tags{gap:6px;flex-wrap:wrap}.hero-tags span{font-size:9px;padding:5px 8px}.partner-inner{gap:12px}.partner-inner strong{font-size:15px}.partner-detail{font-size:11px}.section-heading h2,.about h2,.references h2{font-size:31px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:22px}.about-visual{height:220px}.contact-band{padding:42px 0}.contact-band h2{font-size:26px}.contact-grid{grid-template-columns:1fr}.contact-grid div:first-child{grid-column:auto}.footer-inner{align-items:flex-start}.footer-links{gap:14px}.footer-note{width:100%;margin-left:0}}