:root{--navy:#061b29;--blue:#075f88;--cyan:#52b7d9;--ice:#eef5f8;--white:#fff;--text:#152630;--muted:#60727d;--line:#d6e2e8;--max:1220px}*{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{color:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.top{background:rgba(4,22,33,.97);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:900;letter-spacing:.075em;font-size:24px;text-decoration:none}.brand span{font-weight:400;color:#9ccfe0}.links{display:flex;gap:20px;align-items:center}.links a{text-decoration:none;font-size:14px}.links a:hover{color:var(--cyan)}.menu{display:none;background:none;border:1px solid #ffffff55;color:#fff;padding:8px 12px;border-radius:4px}.hero{min-height:76vh;display:grid;align-items:end;background:linear-gradient(90deg,rgba(3,22,33,.93) 0%,rgba(3,22,33,.72) 48%,rgba(3,22,33,.24) 100%),url('../images/wismarine-standort.jpg') center/cover no-repeat;color:#fff;padding:100px 0 80px}.hero h1{font-size:clamp(46px,7vw,84px);line-height:1.0;margin:8px 0 22px;max-width:920px}.hero p{font-size:21px;max-width:710px;color:#e3eef3}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--blue)}.hero .eyebrow{color:#78cdea}.btn{display:inline-block;background:#fff;color:var(--navy);padding:13px 19px;border-radius:4px;text-decoration:none;font-weight:800;margin:10px 10px 0 0}.btn.alt{background:transparent;color:#fff;border:1px solid #ffffff99}.section{padding:82px 0}.section.alt{background:var(--ice)}h2{font-size:clamp(32px,4vw,44px);line-height:1.1;margin:8px 0 20px}h3{margin:0 0 8px}.lead{font-size:19px;color:var(--muted);max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:0 10px 32px #061b260b}.card a{font-weight:700;color:var(--blue)}.visual{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.visual img{width:100%;min-height:360px;object-fit:cover;box-shadow:0 16px 50px #0002}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:34px}.stat{background:#fff;padding:26px}.stat b{font-size:29px;display:block;color:var(--navy)}.certs{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cert{border:1px solid var(--line);background:#fff;padding:10px 14px;font-weight:700}.band{background:var(--blue);color:#fff;padding:52px 0}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{margin:0}.pagehead{min-height:330px;display:flex;align-items:end;color:#fff;padding:70px 0;background:linear-gradient(90deg,#061b29ee,#075f88b8),url('../images/wismarine-westhafen.jpg?v=0.4.4') center/cover}.pagehead h1{font-size:clamp(42px,6vw,66px);margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}.clean{padding-left:20px}.table{width:100%;border-collapse:collapse;margin-top:25px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.footer{background:#03131d;color:#c8d4da;padding:50px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer a{color:#c8d4da}.small{font-size:13px;color:#91a5af}.note{border-left:4px solid var(--cyan);padding:14px 18px;background:#f1f7fa;margin:22px 0}@media(max-width:860px){.links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:20px 28px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.grid,.stats,.two,.visual,.footer-grid{grid-template-columns:1fr}.band .wrap{display:block}.hero{min-height:68vh}.visual img{min-height:260px}}

/* 0.4.0 */
.brand{letter-spacing:.02em;text-transform:none}.brand .wm{font-weight:900}.brand .gmbh{font-weight:400;color:#9ccfe0;font-size:.72em}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.project{min-height:330px;position:relative;overflow:hidden;background:#0b3145;color:#fff;display:flex;align-items:flex-end}
.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:.35s}
.project:hover img{transform:scale(1.035);opacity:.58}.project .copy{position:relative;z-index:2;padding:25px;background:linear-gradient(transparent,#03131de8);width:100%}
.project h3{font-size:25px}.project p{margin:6px 0 0;color:#e5f0f4}.focus{background:#061b29;color:#fff}.focus .lead{color:#c9d9e1}
.kicker{font-size:14px;font-weight:800;color:#52b7d9;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:860px){.project-grid{grid-template-columns:1fr}}

/* 0.4.6: Zertifizierungen unmittelbar nach dem Hero, auch auf Mobilgeräten */
.cert-strip{padding:24px 0 30px;background:#f5f9fb;border-bottom:1px solid var(--line)}
.cert-strip .wrap{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap}
.cert-strip .eyebrow{flex-basis:100%;font-size:11px}
.cert-strip h2{font-size:clamp(19px,2vw,25px);line-height:1.15;margin:0;flex:0 0 auto}
.cert-strip .certs{display:flex;flex:1 1 580px;gap:8px;margin:0;align-items:center}
.cert-strip .cert{font-size:12px;padding:8px 10px;white-space:nowrap}
@media(min-width:861px){.hero{min-height:57vh;padding:60px 0 55px}.hero h1{font-size:clamp(46px,6vw,76px)}}
@media(max-width:860px){.hero{min-height:0;padding:64px 0 50px}.cert-strip{padding:20px 0}.cert-strip .wrap{display:block}.cert-strip h2{margin:5px 0 14px}.cert-strip .certs{gap:7px}.cert-strip .cert{font-size:11px;white-space:normal}}

/* 0.4.7 – prospective certifications, visually distinct from issued certificates */
.cert-strip .cert-pending{background:#e7ebee;border-color:#cbd3d8;color:#52616b;display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:normal}
.cert-strip .cert-pending small{font-size:10px;font-weight:500;color:#65727b;line-height:1.25}