:root{color-scheme:light;--ink:#152b36;--muted:#637680;--line:#dce5e8;--accent:#087e83;--bg:#f0f4f5}*{box-sizing:border-box}html,body{margin:0;height:auto;min-height:100%;font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--accent)}button,input,select,textarea{font:inherit}a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #42b5ba;outline-offset:3px}.work-top{height:78px;padding:0 max(28px,calc((100vw - 1560px)/2));display:flex;align-items:center;justify-content:space-between;background:#122a35;color:white;border-bottom:1px solid #2a424c}.work-brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:22px;font-weight:750;letter-spacing:1px}.brand-symbol{display:grid;place-items:center;background:#20a4a3;border-radius:9px;width:35px;height:35px;color:#102b35}.brand-sub{font-size:10px;color:#a9c0c8;font-weight:500;letter-spacing:2px}.manual-link{color:#c9e8e7;font-size:13px;text-decoration:none}.work-intro{max-width:1616px;margin:auto;padding:32px 28px 25px;display:flex;justify-content:space-between;align-items:center;gap:24px}.work-intro h1{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px;margin:6px 0}.work-intro p{margin:6px 0;color:var(--muted)}.work-intro .eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:750}.workbench #seite{width:auto;min-height:0;max-width:1616px;padding:0 28px;margin:auto;font:inherit}.workbench #inhalt{display:grid;grid-template-columns:minmax(290px,1.1fr) minmax(280px,1fr) minmax(290px,1.15fr);gap:20px;align-items:start;margin:0;padding:0;font:inherit}.workbench #inhalt>h2{grid-column:1/-1;margin:0;padding:10px 16px;border:1px solid #eed8aa;border-radius:8px;background:#fff8e9;color:#805719;font-size:13px;font-weight:500}.workbench div.input,.workbench .ergebnis,.workbench .ergebnis2,.workbench .ergebnis3,.workbench .ausgabe{width:auto;float:none;margin:0;min-width:0;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 3px 12px #132b3504;font:inherit}.workbench div.input{grid-column:1;grid-row:span 3}.workbench .ergebnis{grid-column:2}.workbench .ergebnis2,.workbench .ergebnis3{grid-column:2}.workbench .ausgabe{grid-column:3;grid-row:2/span 3}.workbench #inhalt:not(:has(>h2)) .ausgabe{grid-row:1/span 3}.workbench .panel-title{font-size:15px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.panel-number{float:none!important;padding:0!important;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;font-size:11px;color:var(--accent);background:#e5f4f3}.workbench div.input>p,.workbench .festwerte>p{margin:0 0 13px;font-size:12px;color:#48616e}.workbench input[type=text],.workbench input[type=number],.workbench select{float:none;display:block;width:100%;height:39px;border:1px solid #ccd9df;border-radius:6px;background:#fbfcfd;padding:7px 10px;margin:5px 0 0;color:var(--ink);font:inherit}.workbench input[type=button],.workbench button{appearance:none;border:1px solid #cfdbdf;background:#fff;border-radius:6px;color:#35515e;padding:9px 12px;font:600 12px/1.4 system-ui;cursor:pointer;white-space:normal;margin:3px 3px 3px 0;transition:background .15s}.workbench input[type=button]:hover,.workbench button:hover{background:#e9f3f3}.workbench input[onclick="button_rechne()"]{background:var(--accent);border-color:var(--accent);color:white}.workbench input[onclick="append()"]{background:#183743;color:white;border-color:#183743}.workbench .festwerte{width:100%;float:none;border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.workbench .festwerte>p{display:none}.workbench span{float:none;padding:0}.workbench .ergebnis>p,.workbench .ergebnis2>p,.workbench .ergebnis3>p{display:flex;justify-content:space-between;gap:16px;padding:11px 0;margin:0;border-bottom:1px solid #edf1f3;font-size:12px;color:#58707b}.workbench .ergebnis p span,.workbench .ergebnis2 p span{color:#173b47;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;overflow-wrap:anywhere}.workbench .ergebnis p span:empty:before{content:'—';color:#b4c3ca}.workbench .ergebnis>br{display:none}.workbench textarea#output{display:block;width:100%;min-height:650px;resize:vertical;border:0;border-radius:8px;background:#132c38;color:#c8ece9;padding:18px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.workbench textarea::placeholder{color:#88a7b4}.workbench #message{float:none;display:block;color:#ac472d;font-size:12px;padding:0}.workbench .data-status{font-size:12px;padding:10px 14px;background:#fff5e5;color:#805719;border-radius:8px;margin:0 0 16px}.workbench .data-status:empty{display:none}.work-bottom{max-width:1616px;margin:24px auto;padding:0 28px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.work-bottom a{margin-left:20px;color:var(--muted);text-decoration:none}.workbench #footer{position:static}.workbench .copy-status{font-size:11px;color:var(--muted)}
/* Existing public content and forms retain their structure. */
.public-site{background:var(--bg);color:var(--ink)}.public-site header{height:auto;max-width:1160px;margin:auto;padding:24px 28px;border:0;background:transparent}.public-site img.svg-logo{width:220px;height:auto;padding:0}.public-site nav.nav{position:static;display:block!important;float:none;width:auto;height:auto;max-width:1104px;margin:0 auto 24px;background:#183743;border:0;border-radius:10px;padding:12px 18px}.public-site nav.nav ul{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}.public-site nav.nav li{margin:0;float:none;list-style:none;padding:0}.public-site nav.nav a{color:white;font:500 13px/1.6 system-ui;padding:0;background:none}.public-site #main,.public-site #center{display:flex;align-items:flex-start;gap:24px;max-width:1160px;width:auto;margin:0 auto;padding:0 28px;float:none}.public-site article,.public-site aside{float:none;width:auto;min-width:0;background:white;border:1px solid var(--line);border-radius:12px;margin:0;padding:26px;flex:2}.public-site aside{flex:1}.public-site h2{font:650 25px/1.3 system-ui;color:var(--ink);padding:0;margin:0 0 20px}.public-site h3{font:600 17px/1.5 system-ui;margin:20px 0 8px}.public-site p{font:14px/1.8 system-ui;text-align:left;color:#536a76;padding:0;margin:0 0 18px;overflow-wrap:anywhere}.public-site li{font:14px/1.6 system-ui}.public-site footer,.public-site footer2{position:static;display:block;clear:both;width:auto;height:auto;background:none;max-width:1104px;margin:30px auto;padding:20px 0;border-top:1px solid var(--line)}.public-site footer ul,.public-site footer2 ul{display:flex;gap:20px;flex-wrap:wrap}.public-site footer li,.public-site footer2 li{list-style:none;font-size:12px}.public-site #menubar{display:none}.public-site #form-main,.public-site #form-div{width:100%;float:none;padding:0;background:none}.public-site .feedback-input{width:100%;border:1px solid #ccd9df;background:#fbfcfd;border-radius:6px;margin-bottom:12px;padding:12px;font:14px system-ui}.public-site #button-blue{background:var(--accent);border:0;border-radius:6px;padding:12px 20px;font:600 14px system-ui;color:white;cursor:pointer}
@media(min-width:1051px){.workbench #inhalt:has(#tapewidth){grid-template-columns:1fr 2fr}.workbench #inhalt:has(#tapewidth) .ausgabe{grid-column:2}}
@media(max-width:1200px) and (min-width:1051px){.workbench #inhalt{gap:12px}.workbench div.input,.workbench .ergebnis,.workbench .ausgabe{padding:15px}}
@media(max-width:1050px){.workbench #inhalt{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workbench .ausgabe,.workbench #inhalt:not(:has(>h2)) .ausgabe{grid-column:1/-1;grid-row:auto}.workbench textarea#output{min-height:380px}.workbench div.input{grid-row:span 3}}
@media(max-width:640px){.work-top{height:64px;padding:0 18px}.brand-sub{display:none}.work-intro{padding:24px 18px 20px;display:block}.work-intro h1{font-size:28px}.workbench #seite{padding:0 14px}.workbench #inhalt{display:flex;flex-direction:column;gap:14px}.workbench #inhalt>div,.workbench #inhalt>h2{width:100%}.work-bottom{padding:0 18px;display:block}.work-bottom>div{margin-top:12px}.work-bottom a{margin:0 16px 0 0}.public-site #main,.public-site #center{display:block;padding:0 14px}.public-site article,.public-site aside{margin-bottom:16px;padding:22px}.public-site nav.nav{margin:0 14px 18px}.public-site footer,.public-site footer2{margin:20px 14px}.public-site header{padding:20px}}
.public-site #main article,.public-site #center article{display:block;flex:2;width:auto;margin:0;padding:26px;text-align:left;border:1px solid var(--line);border-radius:12px}.public-site #main aside{display:block;flex:1;width:auto;margin:0;padding:26px}.public-site #main article h2,.public-site #center article h2{padding:0;text-align:left}.public-site #main aside section{padding:0;margin:0;border:0;background:none}.public-site #main aside section ul{padding:0 0 0 18px}.public-site footer ul li,.public-site footer2 ul li,.public-site footer ul li a,.public-site footer2 ul li a{color:var(--muted)}.public-site #name,.public-site #vorname,.public-site #firma,.public-site #email,.public-site #comment{background-image:none}.public-site #form-div{position:static;left:auto;margin:20px 0 0;max-width:100%}.workbench select.input{float:none;width:100%}.workbench [hidden]{display:none!important}.workbench p:has(> [style*="visibility: hidden"]:only-child){display:none}.workbench .festwerte:has(>.toggle[style*="visibility: hidden"]){display:none}
@media(max-width:640px){.public-site #main article,.public-site #center article,.public-site #main aside{padding:22px;margin:0 0 16px;width:100%}}

/* Independent, content-sized columns and viewport-sized code editor. */
.workbench #inhalt{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.15fr)}
.work-column{display:flex;flex-direction:column;gap:18px;min-width:0;align-self:start}
.work-column>div.input,.work-column>.ergebnis,.work-column>.ergebnis2,.work-column>.ergebnis3,.work-column>.ausgabe{height:auto;min-height:0;max-height:none;grid-column:auto;grid-row:auto;width:100%}
.workbench p[style*="visibility: hidden"],.workbench p[style*="visibility:hidden"]{display:none}
.workbench #footer{display:none}
.workbench textarea#output{height:clamp(280px,48vh,560px);min-height:220px;max-width:100%;resize:vertical}
.workbench .work-bottom{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:transparent;height:auto;width:auto;clear:both;padding:18px 28px;margin:24px auto;border-top:1px solid var(--line)}
.workbench .work-bottom>div{display:flex;flex-wrap:wrap;gap:18px;margin:0}
.workbench .work-bottom a{margin:0;display:inline-block}
.work-actions{display:flex;align-items:center;gap:20px}
.theme-toggle{border:1px solid #69828c;border-radius:7px;padding:8px 12px;background:#193945;color:#e5f3f6;cursor:pointer;font:500 12px/1.4 system-ui}
.theme-toggle:focus-visible{outline:3px solid #42b5ba;outline-offset:3px}
.theme-floating{position:fixed;top:16px;right:16px;z-index:10}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e1ebf0;--muted:#a5b9c4;--line:#354b57;--accent:#51cbc5;--bg:#101e26}
[data-theme="dark"] .workbench div.input,[data-theme="dark"] .workbench .ergebnis,[data-theme="dark"] .workbench .ergebnis2,[data-theme="dark"] .workbench .ergebnis3,[data-theme="dark"] .workbench .ausgabe,[data-theme="dark"] .public-site article,[data-theme="dark"] .public-site aside{background:#1a2d37;border-color:var(--line)}
[data-theme="dark"] .workbench div.input>p,[data-theme="dark"] .workbench .festwerte>p,[data-theme="dark"] .public-site p{color:#b8cbd4}
[data-theme="dark"] .workbench input[type=text],[data-theme="dark"] .workbench input[type=number],[data-theme="dark"] .workbench select,[data-theme="dark"] .public-site .feedback-input{background:#12242e;color:var(--ink);border-color:#46616f}
[data-theme="dark"] .workbench input[type=button],[data-theme="dark"] .workbench button{background:#253e4b;color:#e1ebf0;border-color:#496473}
[data-theme="dark"] .workbench input[type=button]:hover,[data-theme="dark"] .workbench button:hover{background:#345360}
[data-theme="dark"] .workbench input[onclick="button_rechne()"]{background:#168782;border-color:#168782;color:white}
[data-theme="dark"] .workbench .ergebnis>p,[data-theme="dark"] .workbench .ergebnis2>p,[data-theme="dark"] .workbench .ergebnis3>p{color:#aec2ce;border-color:var(--line)}
[data-theme="dark"] .workbench .ergebnis p span,[data-theme="dark"] .workbench .ergebnis2 p span,[data-theme="dark"] .workbench .ergebnis3 p span{color:#e1ebf0}
[data-theme="dark"] .panel-number{background:#234b51;color:#7ae3dc}
[data-theme="dark"] .workbench #inhalt>h2,[data-theme="dark"] .workbench .data-status{background:#3d3324;color:#f3d298;border-color:#71603d}
[data-theme="dark"] .workbench textarea#output{background:#0c1921;color:#bdece6}
@media(max-width:1100px){.workbench #inhalt{grid-template-columns:repeat(2,minmax(0,1fr))}.work-column-2{grid-column:1/-1}.workbench textarea#output{height:clamp(260px,42vh,440px)}}
@media(min-width:1101px){.workbench #inhalt:has(#tapewidth){grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}}
@media(max-width:700px){.workbench #inhalt{display:flex;flex-direction:column}.work-column{width:100%}.workbench textarea#output{height:300px;min-height:200px}.work-actions{gap:10px}.manual-link{font-size:11px}.theme-toggle{padding:7px 9px;font-size:11px}.workbench .work-bottom{padding:16px 18px}.work-top{padding-left:16px;padding-right:16px}.brand-sub{display:none}}