.retrofit-comparison,.retrofit-example{padding:75px 0;background:#edf1e7;border-top:1px solid #d1dbca;border-bottom:1px solid #d1dbca}.comparison-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px;align-items:end;margin-bottom:42px}.comparison-intro h2{font-size:clamp(35px,3.7vw,52px);line-height:1.12;margin-top:20px}.comparison-intro p{font-size:16px;line-height:1.85;max-width:530px}.comparison-intro .inline-arrow{margin-top:22px}.comparison-pair+.comparison-pair{margin-top:48px;padding-top:34px;border-top:1px solid #c6d2bd}.comparison-pair>h3{font-size:25px;margin-bottom:23px;line-height:1.2;letter-spacing:-.025em}.comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.comparison-frame{margin:0;min-width:0;background:#fff}.comparison-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px;border-top:3px solid #829179;color:var(--muted);font-size:10px}.comparison-label>span:first-child{font-weight:600;letter-spacing:.12em;color:var(--ink)}.nachher .comparison-label{border-color:var(--green)}.nachher .comparison-label>span:first-child{color:var(--green)}.comparison-frame button{display:block;position:relative;width:100%;height:350px;padding:14px;border:0;background:#e3e6df;cursor:zoom-in}.comparison-frame button>img{width:100%;height:100%;object-fit:contain}.comparison-steuerung .comparison-frame button{height:400px}.comparison-zoom{display:flex;align-items:center;gap:10px;position:absolute;right:12px;bottom:12px;background:#fffffff2;padding:7px 11px;font-size:10px}.comparison-zoom svg{height:16px;width:16px}.comparison-frame figcaption{padding:16px 18px;font-size:13px;line-height:1.65;color:var(--muted)}.comparison-note{font-size:11px;margin-top:25px;line-height:1.7}.comparison-jump{margin-top:22px}.project-image.comparison-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;aspect-ratio:1.42;background:#cbd4c4}.comparison-teaser>span{position:relative;display:flex;align-items:center;background:#e7eae2;min-width:0;overflow:hidden;padding:10px}.comparison-teaser>span>img{width:100%;height:100%;object-fit:contain;transform:none}.comparison-teaser .teaser-label{position:absolute;top:15px;left:14px;z-index:1;background:#fff;padding:7px 10px;font-size:9px;letter-spacing:.1em;font-weight:600}.comparison-teaser>span:last-child .teaser-label{color:var(--green)}.comparison-teaser:hover .teaser-label{text-decoration:underline}.planning-deliverables{background:var(--paper);padding:70px 0;border-top:1px solid var(--line)}.planning-deliverables .section-head h2{font-size:40px}.deliverables-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.deliverables-grid article{border-top:1px solid #c7d1bf;padding-top:22px}.deliverables-grid article>span{font-size:9px;letter-spacing:.1em;color:var(--green)}.deliverables-grid h3{font-size:27px;margin:19px 0;line-height:1.15}.deliverables-grid p{font-size:14px;line-height:1.85}
@media(max-width:800px){.retrofit-comparison,.retrofit-example{padding:50px 0}.comparison-intro{grid-template-columns:minmax(0,1fr);gap:23px;margin-bottom:32px}.comparison-intro h2{font-size:38px}.comparison-intro p{font-size:15px;max-width:650px}.comparison-grid{gap:20px}.comparison-frame button{height:280px;padding:10px}.comparison-steuerung .comparison-frame button{height:340px}.comparison-frame figcaption{font-size:12px;padding:14px}.comparison-label{padding:12px;font-size:9px;gap:10px}.comparison-zoom{font-size:9px;right:8px;bottom:8px;padding:6px 8px;gap:5px}.planning-deliverables{padding:50px 0}.planning-deliverables .section-head h2{font-size:34px}.deliverables-grid{gap:22px}.deliverables-grid h3{font-size:24px;hyphens:auto}.deliverables-grid p{font-size:13px}}
@media(max-width:540px){.comparison-grid{grid-template-columns:minmax(0,1fr);gap:23px}.comparison-frame button{height:310px}.comparison-steuerung .comparison-frame button{height:370px}.comparison-label{padding:13px 16px;font-size:10px}.comparison-frame figcaption{font-size:13px;padding:14px 16px}.comparison-pair>h3{font-size:23px}.comparison-intro h2{font-size:33px}.comparison-intro p{font-size:14px}.comparison-note{font-size:10px}.comparison-pair+.comparison-pair{margin-top:34px;padding-top:26px}.comparison-teaser .teaser-label{top:10px;left:8px;padding:6px 8px;font-size:8px}.comparison-teaser>span{padding:7px}.deliverables-grid{grid-template-columns:minmax(0,1fr);gap:27px}.deliverables-grid h3{font-size:27px}.deliverables-grid h3 br{display:none}.deliverables-grid p{font-size:14px}.planning-deliverables .section-head h2{font-size:32px}}
.workflow-signature{flex-direction:column;align-items:flex-start;gap:10px;font-size:17px;line-height:1.45;letter-spacing:0}.role-line{flex-direction:column;align-items:flex-start;gap:9px}.role-line>span{font-size:19px;line-height:1.4;letter-spacing:0}