:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#1c1917;background:#f6f4ef;font-size:16px}*{box-sizing:border-box}body{margin:0}.app{max-width:960px;margin:auto;padding:32px 20px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{margin:.2rem 0;font-size:1.7rem}small{letter-spacing:.16em;color:#1f3d2b;font-weight:800}.tools,.cards,.co2{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;border:1px solid #cbc7bd;background:white;border-radius:8px;padding:.65rem .9rem;cursor:pointer}button:hover{border-color:#1f3d2b}button:disabled{background:#e4f4e9;border-color:#1f3d2b;color:#1f3d2b;cursor:default}#weiter{background:#1f3d2b;color:white}.steps{list-style:none;padding:0;margin:30px 0 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.steps li{padding:12px;border-top:3px solid #d6d3cc;color:#78716c}.steps li.active{border-color:#1f3d2b;color:#1f3d2b;font-weight:700}.steps span{display:block}.panel{background:white;border:1px solid #e7e3dc;border-radius:12px;padding:26px;min-height:360px}.layout{display:grid;grid-template-columns:1fr 240px;gap:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:5px;font-size:.86rem;font-weight:650}input,select{width:100%;font:inherit;padding:.6rem;border:1px solid #ccc7bd;border-radius:7px;background:white}.sidecard,.help,.meldung{padding:16px;border-radius:10px;background:#edf2ed}.sidecard{height:max-content}.meldung{background:#fff0ed;color:#8b2e1b}.meldung.ok{background:#e4f4e9;color:#1f3d2b}.slotcard,.resultcard{border:1px solid #ddd8cf;border-radius:10px;padding:18px;flex:1 1 420px}.slotcard .formgrid{margin-top:12px}.tablewrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;font-size:.87rem}th,td{text-align:left;padding:9px 7px;border-bottom:1px solid #e8e5df;vertical-align:top}td input,td select{min-width:85px}.co2{align-items:end;margin-top:24px}.co2 h3{width:100%;margin-bottom:0}.ampel{padding:12px;border-radius:8px}.ampel.gruen{background:#e4f4e9}.ampel.gelb{background:#fff2c6}.ampel.rot{background:#ffe2dc}nav{display:flex;justify-content:space-between;margin:18px 0}footer{text-align:center;color:#78716c;font-size:.85rem}.money{font-size:1.35rem;font-weight:750}.muted{color:#78716c}@media(max-width:720px){.layout{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}header{align-items:flex-start;flex-direction:column}.steps{font-size:.8rem}.panel{padding:18px}.leiste strong{font-size:1rem}}
.demo-banner{margin:0;padding:12px 20px;background:#1c1917;color:#f6f4ef;font-size:.9rem;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.demo-banner[hidden]{display:none!important}
.demo-banner a{color:#ebe2cf}
.demo-banner button{background:#ebe2cf;border-color:#ebe2cf}
.leiste{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:12px 14px;background:#1f3d2b;color:#f6f4ef;border-radius:10px}
.leiste small{color:rgba(246,244,239,.72);letter-spacing:.08em;font-size:.68rem;display:block;font-weight:700}
.leiste strong{font-size:1.12rem;font-weight:750}
body.is-demo .tools{display:none}
body.is-demo input[readonly]{background:#f3f1ea;color:#57534e}
.cta-buy{display:inline-block;margin-top:8px;padding:.65rem .9rem;background:#1f3d2b;color:white;text-decoration:none;border-radius:8px;font:inherit}