/* Walona SEV – nur für diese Seite. Basis: walona-lp.css (inkl. V2-Bausteine) */

/* 02 Story-Karte */
.sev-story{background:var(--bg-muted)}
.sev-story .w-panel-copy{display:flex;flex-direction:column;justify-content:center}
.sev-story-lead{max-width:520px}
.sev-story-media{min-height:clamp(280px,46vw,640px)}
.sev-story-float{left:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px)}
.sev-story-float .w-tag{margin-bottom:6px}
.sev-story .w-btns{margin-top:clamp(20px,2vw,28px)}
@media(min-width:900px){.sev-story .w-story-steps{max-width:520px}}
.sev-intro{display:grid;gap:clamp(18px,2.4vw,40px);grid-template-columns:minmax(0,1fr);margin-top:clamp(48px,6vw,96px);align-items:start}
@media(min-width:900px){.sev-intro{grid-template-columns:1.05fr 1fr 1fr}}

/* 03 Vermietung */
.sev-letting-media{position:relative;padding:0 clamp(0px,2vw,24px) clamp(40px,4vw,64px) 0}
.sev-letting-float{right:clamp(-8px,-1vw,-20px);bottom:clamp(-20px,-2vw,-28px)}
.sev-region{display:inline-flex;flex-direction:column;gap:4px;padding:14px 20px;border-left:3px solid var(--gold);border-radius:0 14px 14px 0;background:#FFFFFF}
.sev-region strong{font-size:17px;letter-spacing:-0.02em}
.sev-individual{max-width:280px}
@media(max-width:899px){.sev-letting-media{order:-1;padding:0 0 0 18px;margin-bottom:56px}}

/* 04 SEV erklärt */
.sev-cmp{max-width:1040px;margin-left:auto;margin-right:auto}
.sev-cmp-ico{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:12px;letter-spacing:.08em;color:#FFFFFF}
.sev-cmp-ico.is-dark{background:var(--ink);border-color:var(--ink);color:var(--gold)}
.sev-video{align-items:center;margin-top:clamp(48px,6vw,96px)}
.sev-video .w-btns{margin-top:22px}

/* 05 Leistungen */
.sev-services{gap:clamp(32px,6vw,110px)}
.sev-cta-card{margin-top:clamp(28px,3vw,40px);gap:14px;max-width:420px}
.sev-cta-card .w-btn{align-self:flex-start}
.sev-cta-card .w-h3{font-size:clamp(20px,1.8vw,24px)}

/* 06 Schnittstelle */
.sev-diagram{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:center}
.sev-diagram-side{display:flex;flex-direction:column;gap:14px}
.sev-diagram-core{position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:clamp(230px,22vw,290px);aspect-ratio:1;border-radius:50%;background:var(--ink);color:#FFFFFF;text-align:center;padding:28px;box-shadow:0 0 0 10px rgba(201,167,0,.14),0 0 0 22px rgba(201,167,0,.06),0 30px 60px rgba(23,23,23,.25)}
.sev-diagram-core strong{font-weight:700;font-size:clamp(26px,2.4vw,32px);letter-spacing:-0.05em;text-transform:uppercase}
.sev-diagram-core span:last-child{color:var(--on-dark-muted);font-size:14.5px;line-height:1.4}
.sev-diagram-core .w-tag{font-size:10.5px;color:var(--gold)!important}
@media(min-width:900px){
  .sev-diagram{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(28px,4vw,64px)}
  .sev-diagram-core::before,.sev-diagram-core::after{content:"";position:absolute;top:50%;width:clamp(28px,4vw,64px);height:2px;background:linear-gradient(90deg,transparent,var(--gold))}
  .sev-diagram-core::before{right:calc(100% + 22px)}.sev-diagram-core::after{left:calc(100% + 22px);transform:scaleX(-1)}
}
.sev-diagram-list .w-checks{margin-top:6px}
.sev-audience{margin-top:clamp(56px,7vw,110px)}
.sev-audience h3{max-width:760px;margin:0 auto}
.sev-scope{margin:24px auto 0;max-width:820px}

/* 07 Ablauf auf Foto */
.sev-process .w-tlv{max-width:600px}
.sev-process .w-sec{padding:clamp(96px,11vw,170px) 0}

/* 08 Über uns */
.sev-person{gap:clamp(40px,7vw,120px)}
.sev-portrait{max-width:480px;width:100%;justify-self:center}
.sev-portrait-float{left:clamp(-14px,-2vw,-32px);bottom:clamp(24px,3vw,40px)}
.sev-portrait-float span{margin-top:2px}

/* 11 Kontakt */
.sev-contact{max-width:620px}
.sev-contact-note{margin-top:18px}
#kontakt .w-sec{padding:clamp(110px,12vw,180px) 0}
@media(max-width:760px){.sev-story-media{display:flex;align-items:flex-end;min-height:360px}.sev-story-float{margin:0 14px 14px}}
.sev-story .w-story-steps{min-height:clamp(110px,9vw,130px)}
.sev-cmp .w-tag{display:block;margin-bottom:12px}
.sev-cmp h3{margin-bottom:4px}
.sev-contact{max-width:760px}

/* „Was macht eine SEV?“ – Schema Haus (WEG) vs. Wohnung (SEV) + Legende */
.sev-scope-split{max-width:1080px;margin-left:auto;margin-right:auto;gap:clamp(36px,6vw,96px);align-items:center}
.sev-legend{display:flex;flex-direction:column}
.sev-legend-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:clamp(22px,2.6vw,32px) 0;border-top:1px solid var(--line-dark)}
.sev-legend-item:last-child{border-bottom:1px solid var(--line-dark)}
.sev-legend-item .w-tag{display:block;margin-bottom:8px}
.sev-legend-item .w-h3{color:#FFFFFF}
.sev-legend-item p{margin-top:10px;color:var(--on-dark-muted);font-size:16px;line-height:1.6;max-width:460px}
.sev-swatch{width:44px;height:30px;border-radius:7px;margin-top:4px}
.sev-swatch--weg{border:2px dashed rgba(255,255,255,.55)}
.sev-swatch--sev{background:var(--gold)}
.sev-house-wrap{margin:0;justify-self:center;width:100%;max-width:400px}
.sev-house{width:100%;height:auto;overflow:visible}
.sev-weg-zone{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.55);stroke-width:2;stroke-dasharray:7 7}
.sev-roof{fill:none;stroke:rgba(255,255,255,.35);stroke-width:2;stroke-linejoin:round}
.sev-body{fill:#202020;stroke:rgba(255,255,255,.35);stroke-width:2}
.sev-unit{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.18);stroke-width:1.5;transition:fill .8s var(--ease) .5s,stroke .8s var(--ease) .5s}
.sev-unit.is-sev{fill:var(--gold);stroke:var(--gold)}
.js .sev-scope-split:not(.is-in) .sev-unit.is-sev{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.18)}
.sev-door{fill:rgba(255,255,255,.12)}
.sev-lbl rect{fill:var(--ink)}
.sev-lbl--weg rect{stroke:rgba(255,255,255,.55);stroke-width:1.5}
.sev-lbl--sev rect{fill:var(--gold)}
.sev-lbl--sev path{fill:none;stroke:var(--gold);stroke-width:1.5}
.sev-lbl text{font-family:var(--font);font-weight:700;font-size:12px;letter-spacing:.12em;text-anchor:middle;fill:#FFFFFF}
.sev-lbl--sev text{fill:var(--ink)}
@media(max-width:899px){.sev-house-wrap{max-width:320px;order:-1}}