/* CM-Rechner – Frontend. Werte kommen als CSS-Variablen aus den Widget-Einstellungen. */
.cmr{
	--cmr-brand:#741332;--cmr-accent:#25b7bc;--cmr-accent-ink:#0f6f73;--cmr-ink:#3c3c3b;--cmr-mute:#76726f;
	--cmr-card:#fff;--cmr-line:#e6dfdb;--cmr-input:#f7f4f2;--cmr-soft:#f3e7ea;--cmr-btn:#741332;--cmr-btn-ink:#fff;
	--cmr-shadow:0 1px 2px rgba(60,20,30,.06),0 8px 24px rgba(60,20,30,.06);
	--cmr-font:inherit;--cmr-font-h:inherit;--cmr-fs:16px;--cmr-lh:1.5;
	position:relative;box-sizing:border-box;container-type:inline-size;container-name:cmr;color:var(--cmr-ink);font-family:var(--cmr-font);font-size:var(--cmr-fs);line-height:var(--cmr-lh);
}
.cmr *,.cmr *:before,.cmr *:after{box-sizing:border-box}
.cmr [hidden]{display:none!important}

.cmr-logo{margin:0 0 14px}
.cmr-logo img{height:var(--cmr-logo-h,34px);width:auto;display:block;max-width:100%}
.cmr-head{margin:0 0 20px}
.cmr .cmr-title{font-family:var(--cmr-font-h);font-size:var(--cmr-fs-title,34px);font-weight:var(--cmr-fw-title,600);line-height:1.15;margin:0 0 6px;color:var(--cmr-title,var(--cmr-brand));padding:0;border:0;text-transform:none;letter-spacing:normal}
.cmr .cmr-lead{color:var(--cmr-mute);margin:0;font-size:var(--cmr-fs-lead,16px);max-width:60ch;display:inline-block}

.cmr-form{margin:0}
.cmr-grid{display:grid;grid-template-columns:minmax(0,var(--cmr-in-w,340px)) minmax(0,1fr);gap:var(--cmr-gap,20px);align-items:start}
.cmr--side_rev .cmr-grid{grid-template-columns:minmax(0,1fr) minmax(0,var(--cmr-in-w,340px))}
.cmr--side_rev .cmr-col-in{order:2}
.cmr--side_rev .cmr-col-out{order:1}
.cmr--stack .cmr-grid{grid-template-columns:minmax(0,1fr)}
.cmr-col-out{display:flex;flex-direction:column;gap:var(--cmr-gap,20px);min-width:0}

.cmr-card{background:var(--cmr-card);border:var(--cmr-bw,1px) solid var(--cmr-line);border-radius:var(--cmr-radius,16px);padding:var(--cmr-card-pad,20px);box-shadow:var(--cmr-shadow)}
.cmr .cmr-h{font-family:var(--cmr-font-h);font-size:var(--cmr-fs-h,18px);font-weight:600;line-height:1.3;margin:0 0 14px;color:var(--cmr-ink);padding:0;border:0;text-transform:none;letter-spacing:normal}
.cmr .cmr-h--sub{margin-top:24px}

.cmr-f{margin-bottom:14px}
.cmr .cmr-label{display:block;font-size:var(--cmr-fs-label,14px);font-weight:600;margin:0 0 4px;color:var(--cmr-label,var(--cmr-ink));line-height:1.35}
.cmr .cmr-hint{display:block;font-size:var(--cmr-fs-hint,12px);color:var(--cmr-mute);margin-top:3px;font-weight:400;line-height:1.4}
.cmr .cmr-hint--block{margin:0 0 14px}
.cmr .cmr-input{width:100%;max-width:none;margin:0;font:inherit;font-size:var(--cmr-fs-input,16px);color:var(--cmr-input-ink,var(--cmr-ink));background:var(--cmr-input);border:1px solid var(--cmr-line);border-radius:var(--cmr-in-radius,10px);padding:10px 12px;min-height:var(--cmr-in-h,44px);height:auto;box-shadow:none;line-height:1.3}
.cmr select.cmr-input{appearance:auto;-webkit-appearance:auto}
.cmr .cmr-input:focus,.cmr .cmr-btn:focus-visible,.cmr input[type=checkbox]:focus-visible,.cmr input[type=radio]:focus-visible{outline:2px solid var(--cmr-accent);outline-offset:1px}
.cmr .cmr-input[aria-invalid=true]{border-color:var(--cmr-error,var(--cmr-brand))}
.cmr-unit{position:relative}
.cmr-unit--short .cmr-input{padding-right:40px}
.cmr-unit--long .cmr-input{padding-right:70px}
.cmr-unit b{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--cmr-mute);font-weight:600;font-size:.9em;pointer-events:none}
.cmr .cmr-chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.92em;cursor:pointer;margin:0;color:var(--cmr-label,var(--cmr-ink))}
/* Checkbox & Radio: eigene Darstellung, unabhängig vom Theme – Haken/Punkt exakt mittig */
.cmr .cmr-chk input[type=checkbox],.cmr .cmr-radio input[type=radio]{-webkit-appearance:none!important;appearance:none!important;position:relative!important;box-sizing:border-box!important;width:20px!important;height:20px!important;min-width:20px;margin:2px 0 0;padding:0!important;flex:none;border:2px solid var(--cmr-brand)!important;background:var(--cmr-card)!important;cursor:pointer;box-shadow:none!important;vertical-align:middle}
.cmr .cmr-chk input[type=checkbox]{border-radius:4px!important}
.cmr .cmr-radio input[type=radio]{border-radius:50%!important}
.cmr .cmr-chk input[type=checkbox]:checked{background:var(--cmr-brand)!important}
.cmr .cmr-chk input[type=checkbox]:before,.cmr .cmr-radio input[type=radio]:before{content:none!important;display:none!important}
.cmr .cmr-chk input[type=checkbox]:after,.cmr .cmr-radio input[type=radio]:after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;opacity:0!important;box-sizing:border-box!important;transition:opacity .1s}
.cmr .cmr-chk input[type=checkbox]:after{width:6px!important;height:11px!important;border:solid var(--cmr-btn-ink,#fff)!important;border-width:0 2px 2px 0!important;border-radius:0!important;background:none!important;transform:translate(-50%,-60%) rotate(45deg)!important}
.cmr .cmr-radio input[type=radio]:after{width:10px!important;height:10px!important;border:0!important;border-radius:50%!important;background:var(--cmr-brand)!important;transform:translate(-50%,-50%)!important}
.cmr .cmr-chk input[type=checkbox]:checked:after,.cmr .cmr-radio input[type=radio]:checked:after{opacity:1!important}
.cmr .cmr-chk input[type=checkbox]:focus,.cmr .cmr-radio input[type=radio]:focus{outline:none!important}
.cmr .cmr-chk input[type=checkbox]:focus-visible,.cmr .cmr-radio input[type=radio]:focus-visible{outline:2px solid var(--cmr-accent)!important;outline-offset:2px!important}
.cmr .cmr-radio{display:flex;gap:16px;flex-wrap:wrap}
.cmr .cmr-radio label{display:flex;gap:8px;align-items:center;font-weight:500;font-size:.95em;margin:0;cursor:pointer;min-height:36px}
.cmr .cmr-radio input{margin:0}
.cmr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
@container cmr (max-width:420px){.cmr-two{grid-template-columns:minmax(0,1fr)}}

.cmr-actions{display:flex;margin-top:4px}
.cmr .cmr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:var(--cmr-fs-btn,16px);font-weight:600;line-height:1.2;border:0;border-radius:var(--cmr-btn-radius,10px);background:var(--cmr-btn);color:var(--cmr-btn-ink);padding:11px 18px;min-height:44px;cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:normal;box-shadow:none;transition:filter .15s,background-color .15s}
.cmr .cmr-btn:hover{background:var(--cmr-btn-hover,var(--cmr-btn));filter:brightness(1.1);color:var(--cmr-btn-ink)}
.cmr .cmr-btn[disabled]{opacity:.65;cursor:progress}
.cmr .cmr-btn--alt{background:transparent;color:var(--cmr-btn);box-shadow:inset 0 0 0 2px var(--cmr-btn)}
.cmr .cmr-btn--alt:hover{background:var(--cmr-soft);color:var(--cmr-btn);filter:none}
.cmr--btn-full .cmr-actions .cmr-btn{width:100%}
.cmr .cmr-btn.is-busy:before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cmr-spin .7s linear infinite}
@keyframes cmr-spin{to{transform:rotate(360deg)}}
.cmr-error{color:var(--cmr-error,var(--cmr-brand));font-size:.88em;min-height:1.2em;margin-top:8px}
.cmr-turnstile{margin:6px 0 12px;min-height:0}

.cmr-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

.cmr-placeholder{color:var(--cmr-mute);margin:0;padding:24px 0;text-align:center;font-size:.95em}
.cmr-stale{font-size:var(--cmr-fs-hint,12px);color:var(--cmr-error,var(--cmr-brand));background:var(--cmr-soft);border-radius:8px;padding:6px 10px;margin:0 0 12px}
.cmr-results.is-stale .cmr-out{opacity:.5;transition:opacity .2s}
.cmr-out{animation:cmr-in .25s ease-out}
@keyframes cmr-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Ergebnis-Boxen: brechen in die nächste Zeile um, sobald die Zahl nicht mehr passt */
.cmr-kpis{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.cmr-kpi{flex:1 1 140px;max-width:100%;background:var(--cmr-soft);border-radius:var(--cmr-kpi-radius,12px);padding:12px 14px}
.cmr-kpi small{display:block;color:var(--cmr-mute);font-size:.78em;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}
.cmr-num{font-family:var(--cmr-font-h);font-size:var(--cmr-fs-num,23px);font-weight:600;color:var(--cmr-brand);white-space:nowrap;line-height:1.3}
@container cmr (max-width:280px){.cmr-num{white-space:normal;overflow-wrap:anywhere}}
.cmr-kpi--t{background:color-mix(in srgb,var(--cmr-accent) 14%,transparent)}
.cmr-kpi--t .cmr-num{color:var(--cmr-accent-ink)}

.cmr-chart{display:block;touch-action:none;width:100%;height:auto}
.cmr-readout{min-height:1.4em;margin-top:6px}
.cmr-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.82em;color:var(--cmr-mute);margin-top:8px}
.cmr-legend i{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle;margin-right:6px}
.cmr-l-base{background:var(--cmr-mute)}.cmr-l-simple{background:var(--cmr-accent)}.cmr-l-comp{background:var(--cmr-brand)}

.cmr-note{font-size:.8em;color:var(--cmr-mute);margin-top:14px;border-top:1px solid var(--cmr-line);padding-top:12px}
.cmr-note:empty{display:none}
.cmr-warn{font-size:var(--cmr-fs-hint,12px);color:var(--cmr-error,var(--cmr-brand));margin-top:10px}
.cmr-disclaimer{color:var(--cmr-mute);font-size:.8em;margin:16px 0 0}
.cmr-disclaimer a,.cmr-lead a,.cmr-note a{color:var(--cmr-brand)}

.cmr-scroll{overflow-x:auto}
.cmr .cmr-table{width:100%;border-collapse:collapse;font-size:.92em;margin:0;border:0;background:transparent}
.cmr .cmr-table th{text-align:left;font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:var(--cmr-mute);padding:6px 8px;border:0;border-bottom:1px solid var(--cmr-line);background:transparent;font-weight:600}
.cmr .cmr-table td{padding:9px 8px;border:0;border-bottom:1px solid var(--cmr-line);vertical-align:middle;background:transparent}
.cmr .cmr-table .cmr-r{text-align:right;white-space:nowrap}
.cmr .cmr-table .cmr-strong td{font-weight:700}
.cmr-tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.75em;font-weight:600;background:var(--cmr-soft);color:var(--cmr-brand);white-space:nowrap}
.cmr-tag--u{background:color-mix(in srgb,var(--cmr-accent) 18%,transparent);color:var(--cmr-accent-ink)}
.cmr .cmr-x{background:none;border:0;color:var(--cmr-mute);font-size:1.2em;cursor:pointer;min-width:36px;min-height:36px;border-radius:8px;padding:0;line-height:1}
.cmr .cmr-x:hover{color:var(--cmr-brand);background:var(--cmr-soft)}
.cmr-empty{padding:10px 8px}
.cmr-cats{margin-top:16px}
.cmr-cat{display:grid;grid-template-columns:minmax(0,120px) minmax(40px,1fr) auto;gap:10px;align-items:center;font-size:.85em;margin-bottom:6px}
.cmr-cat-bar{height:10px;border-radius:5px;background:var(--cmr-soft);overflow:hidden}
.cmr-cat-bar span{display:block;height:100%;background:var(--cmr-brand)}
.cmr-cat b{text-align:right;font-weight:400}

.cmr-login{text-align:center}
.cmr-login p{margin:0 0 14px}

/* Widget-Area unter dem Beitrag */
.cmr-after-post{clear:both;margin:2em 0}
.cmr-after-post .cmr-area-widget+.cmr-area-widget{margin-top:2em}
.cmr-after-post .cmr{margin-left:0;margin-right:0}