*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#1f2a36;font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.wrap{max-width:1160px;margin:auto;padding:0 18px}.sitehead{background:#fff;border-bottom:1px solid #d8e0eb;position:sticky;top:0;z-index:10}.nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{text-decoration:none;color:#142139;font-weight:650;font-size:18px}.brand strong{color:#2f5fdd}.logo{display:inline-grid;place-items:center;width:32px;height:32px;background:#2f5fdd;color:#fff;border-radius:8px;margin-right:8px}.version,.eyebrow{color:#2f5fdd;font-size:10px;font-weight:900;letter-spacing:.11em}.hero{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dfe6ef;border-radius:16px;overflow:hidden;margin:24px 0 18px;min-height:245px}.heroCopy{padding:28px 30px;align-self:center}.hero h1{font-size:clamp(27px,3.6vw,42px);line-height:1.12;color:#142139;margin:12px 0}.hero h1 em{color:#2f5fdd;font-style:normal}.hero p{color:#62758a;margin:0}.hero img{width:100%;height:100%;min-height:230px;max-height:320px;object-fit:cover}.panel{border:1px solid #dfe6ef;background:#fff;border-radius:15px;padding:22px;margin:15px 0;box-shadow:0 5px 24px rgba(20,33,57,.045)}h2{font-size:20px;color:#142139;margin:0 0 17px}.number{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3ff;color:#2f5fdd;font-size:14px;margin-right:8px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice,.shape{position:relative;display:block;cursor:pointer}.choice input,.shape input{position:absolute;opacity:0;width:1px;height:1px}.choice>span{display:block;height:100%;border:2px solid #dfe6ef;border-radius:12px;padding:17px 15px;background:white}.choice b,.choice small,.shape b,.shape small{display:block}.choice b{font-size:14px;color:#142139}.choice small,.shape small{font-size:12px;color:#708095;margin-top:6px}.choice input:checked+span,.shape input:checked+.shapebody{border-color:#2f5fdd;background:#f3f7ff;box-shadow:0 0 0 2px #dce8ff}.choice input:focus-visible+span,.shape input:focus-visible+.shapebody{outline:3px solid #87aeff;outline-offset:2px}.shapes{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:650px}.shapebody{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #dfe6ef;border-radius:12px;padding:10px;min-height:176px}.shapebody svg{height:98px;max-width:175px}.shape b{color:#142139}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fields label{font-weight:650;font-size:13px;color:#34485f;display:flex;flex-direction:column;gap:7px}.fields label span{font-weight:400;color:#7a8798}.fields label[hidden]{display:none!important}input[type=number],select{width:100%;min-height:45px;border:1px solid #bccadd;border-radius:9px;background:#fff;color:#152944;padding:10px 12px;font-size:16px}input:focus,select:focus{outline:2px solid #9fbbff;border-color:#2f5fdd}.hint{color:#6f7c8c;font-size:12px;line-height:1.6}details{margin-top:22px;background:#f8faff;border:1px solid #e0e8f5;border-radius:10px;padding:12px 15px}summary{cursor:pointer;font-weight:750;color:#173b73}summary span{font-size:12px;font-weight:400;color:#64758c;margin-left:8px}details .fields{margin-top:16px}.actions{display:flex;gap:10px;margin-top:20px}button{cursor:pointer;border-radius:9px;padding:12px 17px;font:750 14px Inter,-apple-system,Arial,sans-serif;border:1px solid #2f5fdd}button.primary{background:#2f5fdd;color:#fff}button.secondary{background:#fff;color:#173b73;border-color:#becdea}button:hover{filter:brightness(.95)}.result{border-color:#c5d6f5}.resultTop{display:flex;justify-content:space-between;align-items:start;gap:12px}.resultTop h2{margin:5px 0}.resultTop p{color:#63758d;margin:0}.resultMain{font-size:clamp(25px,4vw,41px);font-weight:850;color:#2f5fdd;margin:14px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{border:1px solid #e1e7ee;border-radius:9px;padding:12px;background:#fafcff}.metric span,.metric strong{display:block}.metric span{font-size:12px;color:#607084}.metric strong{font-size:17px;color:#142139;margin-top:4px}.error{color:#9a2424;font-size:13px;font-weight:650}.warnings{font-size:12px;color:#755c2e}.warnings p{margin:7px 0}.disclaimer{color:#788596;font-size:12px;margin:22px 0 36px}footer{background:#142139;color:#cdd9ee;padding:22px;text-align:center;font-size:12px}@media(max-width:800px){.choices{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero img{height:175px;min-height:175px}.fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.wrap{padding:0 12px}.version{font-size:8px}.brand{font-size:14px}.heroCopy{padding:20px}.hero img{height:130px;min-height:130px}.panel{padding:15px}.fields,.metrics{grid-template-columns:1fr}.resultTop{display:block}.resultTop button{margin-top:12px}.actions{flex-direction:column}.shapes{gap:8px}.shapebody{min-height:150px;padding:6px}.shapebody svg{max-width:100%;height:86px}summary span{display:block;margin-left:0}}@media print{.sitehead,.hero,form,.disclaimer,.resultTop button,footer{display:none!important}body{background:white}.panel{box-shadow:none}.result{border:0}.resultMain{color:#142139}details#technical{display:block}details#technical>summary{display:none}#detailsMetrics{display:grid}#warnings{color:#333}}
/* V4 – Eingabehilfen und digitaler Kanalschieber */
.helpbtn{appearance:none;display:inline-grid;place-items:center;vertical-align:middle;margin:0 0 0 5px;padding:0;width:19px;height:19px;border:1px solid #90b3f3;border-radius:50%;background:#edf4ff;color:#245bc3;font-weight:900;font-size:12px;cursor:pointer;line-height:1;flex:none}
.helpbtn:hover,.helpbtn:focus-visible{background:#2f5fdd;color:#fff}
.helptoast{position:fixed;bottom:24px;right:24px;z-index:80;width:min(420px,calc(100vw - 32px));padding:20px 52px 20px 20px;background:white;border:1px solid #bfd1ef;border-radius:14px;box-shadow:0 15px 55px #14213935;color:#142139}
.helptoast[hidden]{display:none}.helptoast button{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:25px;color:#142139;cursor:pointer}.helptoast p{margin:0;line-height:1.5}
.slidepanel{margin-top:18px}.slidehead{display:flex;align-items:start;justify-content:space-between;gap:12px}.slidehead h2{margin:8px 0}.slidehead p{margin:0 0 16px;color:#61728a}.smallbtn{font-size:12px;padding:8px 12px;white-space:nowrap}
.slidergrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0}.slidergrid label{display:block;font-weight:700;color:#142139}.slidergrid input{display:block;width:100%;margin:24px 0 8px;accent-color:#2f5fdd;cursor:pointer}.valpill{float:right;background:#2f5fdd;border-radius:6px;padding:4px 8px;color:white;font-weight:700;white-space:nowrap}
.slideoutputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 10px}.slideoutputs>div{background:#f1f5fb;border:1px solid #dbe5f3;border-radius:11px;padding:14px}.slideoutputs small{display:block;color:#64738a;font-size:12px}.slideoutputs strong{display:block;margin-top:7px;color:#142139;font-size:21px}
@media(max-width:700px){.slidehead{flex-wrap:wrap}.slidergrid,.slideoutputs{grid-template-columns:1fr}.slideoutputs strong{font-size:19px}}
@media print{.slidepanel,.helptoast,.helpbtn{display:none!important}}

.fixed-toggle{display:flex;align-items:center;gap:12px;border:1px solid #c9d8f4;background:#f4f7fe;border-radius:12px;padding:13px 16px;margin:12px 0}.fixed-toggle input{width:21px;height:21px;flex:none}.fixed-toggle span{display:grid;gap:3px}.fixed-toggle small{font-size:12px;font-weight:400;color:#596e8d}.slide-label{border:1px solid #d6e1f2;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.slide-label small{color:#697d99}.slide-label .valpill{align-self:start}

.fixed-toggle[hidden], [data-field][hidden], #advanced[hidden], #sizeHint[hidden]{display:none!important}

/* V6 compact desktop work surface */
.workarea{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px;align-items:start}.workarea .panel{margin:0 0 15px}.workright{position:sticky;top:82px}.workright .result{min-height:290px}.workarea .choices{grid-template-columns:1fr}.workarea .choice>span{padding:11px 14px}.workarea .shapes{max-width:none}.workarea .shapebody{min-height:125px}.workarea .shapebody svg{height:70px}.workarea .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.workarea .resultMain{overflow-wrap:anywhere}.toolnav{display:flex;align-items:center;justify-content:space-between;gap:20px}.toolnav h2{margin:5px 0}.toolnav p{color:#66778c;margin:0}.toolbutton{white-space:nowrap;display:inline-block;background:#2f5fdd;color:#fff;padding:12px 17px;text-decoration:none;border-radius:9px;font-weight:750}.helpbtn{vertical-align:middle}.workarea label[data-field]>.helpbtn{display:inline-grid}#advanced:not([open]){padding:12px}.resultMain{margin-top:14px}.result .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:930px){.workarea{grid-template-columns:1fr}.workright{position:static}.toolnav{align-items:start;flex-direction:column}}@media(max-width:520px){.workarea .fields,.result .metrics{grid-template-columns:1fr}}@media print{.workleft,.toolnav{display:none!important}.workarea{display:block}.workright{position:static}}
/* V8: vier übersichtliche Aufgaben */