*{box-sizing:border-box}
:root{--blue:#1556d8;--blue-dark:#0b2d72;--ink:#11151b;--muted:#66707c;--line:#dfe4ea;--paper:#fff;--soft:#f4f7fb}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;line-height:1.55}
.container{width:min(1160px,calc(100% - 44px));margin:auto}
.site-header{height:86px;background:#fff;border-bottom:1px solid #e8ebef;position:sticky;top:0;z-index:10}
.nav{height:100%;display:flex;align-items:center;gap:34px}
.brand{display:block;margin-right:auto}.brand img{width:185px;height:auto;display:block}
nav{display:flex;gap:30px}nav a{color:#242a31;text-decoration:none;font-size:14px;font-weight:600}
.nav-cta{background:var(--blue);color:#fff;text-decoration:none;padding:12px 19px;font-size:13px;font-weight:700}
.menu{display:none;border:0;background:none;font-size:25px}
.hero{min-height:690px;display:flex;align-items:center;position:relative;overflow:hidden;background:#f7f9fc}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,249,252,.98) 0%,rgba(247,249,252,.88) 46%,rgba(247,249,252,.20) 100%),url('https://api.dmc-fm.co.uk/uploads/cover-1765725598134-8561zmp.webp') center/cover}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 300px;align-items:end;min-height:600px;padding:90px 0}
.eyebrow,.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--blue);margin:0 0 18px}
h1,h2,h3{font-family:Manrope,Inter,sans-serif;line-height:1.05;margin:0}
h1{font-size:clamp(54px,7vw,92px);letter-spacing:-.055em;max-width:800px}h1 span{color:var(--blue)}
.lead{font-size:19px;color:#515b67;max-width:620px;margin:28px 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;text-decoration:none;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer}.primary{background:var(--blue);color:#fff}.ghost{border-color:#bfc7d0;color:var(--ink);background:#fff}
.hero-note{align-self:end;border-left:2px solid var(--blue);padding-left:20px;margin-bottom:18px;color:#39434f;font-size:14px;font-weight:600}.note-line{height:1px}
.intro{padding:120px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:220px 1fr;gap:70px}.intro h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.04em;max-width:800px}.intro-grid>div p{max-width:720px;color:var(--muted);font-size:17px;margin-top:28px}
.services{padding:115px 0;background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:65px}.section-head h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.04em}.section-head>p{max-width:330px;color:var(--muted);margin:0}
.service-list{border-top:1px solid #cfd6de}.service{display:grid;grid-template-columns:110px 1fr;padding:48px 0;border-bottom:1px solid #cfd6de}.number{font:700 14px Inter;color:var(--blue)}.service h3{font-size:30px;margin-bottom:12px}.service p{color:var(--muted);max-width:620px;margin:0 0 18px}.service ul{display:flex;gap:12px 28px;flex-wrap:wrap;padding:0;margin:0;list-style:none;color:#424b56;font-size:14px}.service li:before{content:"— ";color:var(--blue);font-weight:700}
.statement{padding:120px 0}.statement-grid{display:grid;grid-template-columns:43% 1fr;gap:80px;align-items:center}.blue-panel{min-height:500px;background:var(--blue);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.blue-panel span{font-size:12px;letter-spacing:.16em;font-weight:800}.blue-panel strong{font:700 clamp(45px,5vw,70px) Manrope;line-height:1;letter-spacing:-.05em}.statement-copy h2{font-size:clamp(38px,4.5vw,58px);letter-spacing:-.04em}.statement-copy>p:not(.section-kicker){color:var(--muted);font-size:17px;max-width:610px;margin:25px 0 38px}.facts{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.facts div{padding:22px 15px 0 0;border-right:1px solid var(--line);display:flex;gap:13px}.facts div:last-child{border-right:0}.facts strong{color:var(--blue);font-size:13px}.facts span{font-size:13px;font-weight:600}
.contact{padding:115px 0;background:#f1f5fa}.contact-grid{display:grid;grid-template-columns:1fr 470px;gap:100px}.contact h2{font-size:clamp(42px,5vw,62px);letter-spacing:-.05em}.contact-text{color:var(--muted);font-size:17px;max-width:590px;margin:28px 0 45px}.contact-details{border-top:1px solid #ccd4de}.contact-details p{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ccd4de;padding:17px 0;margin:0;font-size:13px}.contact-details span{color:#6b7480}.contact-details strong{text-align:right}.contact-form{background:#fff;padding:34px;box-shadow:0 12px 35px rgba(18,34,60,.06)}.contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d3dae2;padding:13px 14px;font:inherit;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(21,86,216,.2);border-color:var(--blue)}.contact-form button{width:100%;border:0}.contact-form small{display:block;color:#87919d;font-size:10px;margin-top:12px}
footer{background:#0e1218;color:#fff;padding:28px 0}.footer-inner{display:flex;align-items:center;gap:25px;font-size:12px;color:#aeb6c0}.footer-inner img{width:145px;filter:brightness(0) invert(1);}.footer-inner>span{margin-right:auto}.footer-inner div{display:flex;gap:20px}.footer-inner a{color:#dbe1e8;text-decoration:none}
@media(max-width:850px){.site-header{height:72px}.brand img{width:155px}nav{display:none;position:absolute;left:22px;right:22px;top:72px;background:#fff;padding:20px;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,.08)}nav.open{display:flex}.nav-cta{display:none}.menu{display:block}.hero{min-height:640px}.hero-grid{grid-template-columns:1fr;padding:70px 0}.hero-note{margin-top:50px}.intro-grid,.statement-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.intro,.services,.statement,.contact{padding:80px 0}.section-head{display:block}.section-head>p{margin-top:20px}.service{grid-template-columns:55px 1fr}.blue-panel{min-height:380px}.contact-grid{gap:55px}.footer-inner{flex-wrap:wrap}.footer-inner>span{margin-right:0}}
@media(max-width:520px){.container{width:min(100% - 30px,1160px)}h1{font-size:50px}.lead{font-size:17px}.service{padding:34px 0}.service h3{font-size:25px}.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.facts div:last-child{border-bottom:0}.contact-form{padding:24px}.footer-inner div{width:100%}}

/* Bildbereiche – bewusst ruhig und hochwertig, ohne Template-Look */
.intro-grid{grid-template-columns:1fr 43%;align-items:center;gap:70px}
.intro-copy{max-width:700px}
.intro-image{height:470px;overflow:hidden;border-radius:3px}
.intro-image img,.statement-image img{width:100%;height:100%;display:block;object-fit:cover}
.statement-copy{min-width:0}
.statement-image{height:240px;margin:32px 0 35px;overflow:hidden;border-radius:3px}
.statement-image img{object-position:center 58%}
@media(max-width:850px){
  .intro-grid{grid-template-columns:1fr;gap:38px}
  .intro-image{height:360px}
  .statement-image{height:300px}
}
@media(max-width:520px){
  .intro-image{height:280px}
  .statement-image{height:240px}
}
.legal{padding:110px 0 100px;min-height:65vh}.legal h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,6vw,72px);line-height:1.05;margin:0 0 48px}.legal h2{font-family:Manrope,Inter,sans-serif;margin:38px 0 12px;font-size:24px}.legal p{max-width:780px;line-height:1.8;color:var(--muted)}.legal a{color:var(--blue)}

.contact-form .consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:11px;line-height:1.5;color:#66707c}
.contact-form .consent input{width:auto;margin:2px 0 0;flex:0 0 auto}
.contact-form .consent a{color:var(--blue);text-decoration:underline}
.contact-form .hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.contact-form button:disabled{opacity:.7;cursor:wait}
.contact-form small.success{color:#167a3d}
.contact-form small.error{color:#b42318}