/* Entwurf 2 – Der Moderne: die neue Richtung. Tiefes Marineblau, kühle Flächen, Technik- und Energiethema, Heizungs-Check.
   Rot bleibt nur noch als sparsamer Akzent für den Anruf. */
:root{--brand:#d93027;--brand-d:#b02019;--navy:#0c2233;--navy2:#123550;--sky:#6fb7de;--alt:#eef2f5;--line:#d5dde4;--ink:#10202d;--muted:#55656f;--dark:#0c2233}
h1,h2,h3{font-weight:800;letter-spacing:-.025em}
header.site{background:var(--navy);border-bottom:0}
header.site .brand,header.site .logo__t,header.site .burger{color:#fff}
.nav a{color:#d3e0ea}.nav a:hover,.nav a[aria-current]{color:#fff;border-bottom-color:var(--sky)}
@media (max-width:1100px){.nav{background:var(--navy);border-bottom:1px solid #1c3a52}}
.hero2{background:var(--navy);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(900px 480px at 88% 0,#1d5a80 0,transparent 62%);background-size:56px 56px,56px 56px,auto;color:#fff;padding:clamp(56px,8vw,112px) 0}
.hero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,88px);align-items:center}
.hero2 h1{color:#fff;font-size:clamp(2.2rem,5.2vw,3.8rem)}
.hero2 h1 em{font-style:normal;color:var(--sky)}
.hero2 .eyebrow{color:var(--sky)}.hero2 .lead{color:#c5d6e2}
.hero2 .btn--light{color:var(--navy)}
.check.card{color:var(--ink);padding:2rem;border:0}
.check h2{font-size:1.3rem;display:flex;gap:.6rem;align-items:center;color:var(--navy)}
.check .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:.8rem}
.check .opts button{font:600 .95rem var(--font);padding:.8rem 1.05rem;border:1.5px solid var(--line);background:#fff;cursor:pointer;color:var(--navy);border-radius:var(--radius)}
.check .opts button:hover{border-color:var(--navy);background:var(--alt)}
.check__q[hidden],.check__res[hidden]{display:none}
.resp{font-weight:600}
.stats{background:#fff;border-bottom:1px solid var(--line)}
.stats .container{display:grid;grid-template-columns:repeat(4,1fr);padding-top:0;padding-bottom:0}
.stats .container>div{padding:2.2rem 1.5rem;border-left:1px solid var(--line)}
.stats .container>div:first-child{border-left:0;padding-left:0}
.stats b{display:block;font-size:clamp(1.5rem,2.6vw,2.1rem);color:var(--navy);font-weight:800;line-height:1.1}.stats span{color:var(--muted);font-size:.93rem}
.compare .card{border-top:3px solid var(--navy);border-color:var(--line);border-top-color:var(--navy)}
.compare .card h3{display:flex;gap:.6rem;align-items:center;color:var(--navy)}.compare .card .ic{color:var(--brand)}
.compare .card p{margin:0;color:var(--muted)}
.section--dark{background:var(--navy);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px}
.section--dark h2{color:#fff}.section--dark .steps--row .n{color:var(--sky)}
.section--dark .steps--row li{border-top-color:rgba(255,255,255,.3)}
.v2 .svc__ic,.v2 .block__ic,.v2 .why__ic{background:transparent;color:var(--navy);border:1.5px solid var(--navy);width:50px;height:50px}
.v2 .svc{border-top:3px solid var(--navy)}
.v2 .svc:hover{border-color:var(--line);border-top-color:var(--brand)}
.v2 .grid--5{grid-template-columns:repeat(3,1fr)}
.v2 .n{color:var(--navy);font-family:var(--font)}
.v2 .steps--list li::before{background:var(--navy)}
.karr{background:var(--navy);color:#fff;padding:clamp(44px,6vw,72px) 0}
.karr__in{display:flex;justify-content:space-between;gap:28px;align-items:center;flex-wrap:wrap}.karr h2{color:#fff;margin-bottom:.3rem}.karr p{margin:0;opacity:.8}
.karr .btn--primary{background:#fff;color:var(--navy)}
.phero{background:var(--alt)}
.eyebrow{color:var(--brand)}
.ctaband{background:var(--navy)}
.foot{background:#08192a}
@media (max-width:960px){.hero__in{grid-template-columns:1fr}.stats .container{grid-template-columns:1fr 1fr}.stats .container>div:nth-child(3){border-left:0;padding-left:0}.v2 .grid--5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.v2 .grid--5{grid-template-columns:1fr}}