/* Rex Finanzplanung — rechner.css  ·  Ergaenzungen fuer die Rechner-Seiten (baut auf styles.css auf) */
.calc-row select{border:0;background:transparent;font:inherit;font-size:16px;padding:11px 0;outline:none;color:var(--ink);max-width:190px}
.calc-row .cf.pct .chf{order:2}
.calc-row .hint{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.4}
.calc-row label{line-height:1.35}
.calc-row.check label{display:flex;gap:10px;align-items:center;cursor:pointer}
.calc-row.check input{width:auto;accent-color:var(--bord)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{border:0;background:#fff;font:inherit;font-size:14px;padding:10px 14px;cursor:pointer;color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--bord);color:#fff}
.calc-line small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.calc-line.sub{font-size:14px;color:var(--muted)}
.calc-line.hl{font-weight:700;color:var(--bord)}
.calc-verdict{background:var(--bord-soft);border-radius:var(--r-s);padding:14px 16px;font-size:14.5px;line-height:1.5;margin-top:16px;color:var(--ink)}
.calc-verdict strong{color:var(--bord)}
.calc-bars{margin:14px 0 4px}
.calc-bar{display:grid;grid-template-columns:96px 1fr 92px;gap:10px;align-items:center;font-size:13.5px;margin:6px 0}
.calc-bar .tr{height:10px;background:var(--line);border-radius:6px;overflow:hidden}
.calc-bar .tr span{display:block;height:100%;background:var(--bord);border-radius:6px;width:0;transition:width .4s var(--ease)}
.calc-bar .tr span.soft{background:var(--rose)}
.calc-bar .v{text-align:right;font-weight:600}
.besprechen{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.besprechen h4{font-size:17px;margin-bottom:6px}
.besprechen p{font-size:14.5px;color:var(--muted);margin-bottom:14px;line-height:1.5}
.besprechen .btn{width:100%;justify-content:center}
.quellen{font-size:13px;color:var(--muted);line-height:1.55}
.quellen h3{font-size:15px;color:var(--ink);margin:0 0 8px}
.quellen ol{padding-left:20px}
.quellen li{margin:4px 0}
.quellen a{text-decoration:underline}
.rechner-hinweis{font-size:13px;color:var(--muted);line-height:1.5;border-left:3px solid var(--rose);padding:8px 0 8px 14px;margin-top:14px}
.rechner-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.rechner-links a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:16px 18px;transition:border-color var(--dur),transform var(--dur)}
.rechner-links a:hover{border-color:var(--bord);transform:translateY(-2px)}
.rechner-links a strong{display:block;font-size:15.5px;margin-bottom:3px}
.rechner-links a span{font-size:13.5px;color:var(--muted)}
.rechner-links a[aria-current="page"]{border-color:var(--bord);background:var(--bord-soft)}
@media(max-width:560px){
  .calc-row{flex-wrap:wrap}
  .calc-row label{flex-basis:100%}
  .calc-row .cf{width:100%}
  .calc-row input{width:100%}
  .calc-bar{grid-template-columns:80px 1fr 84px}
}
.calc-line{gap:12px}
.calc-line>span:last-child{white-space:nowrap;text-align:right}
@media(max-width:420px){.calc-result .rh .big{font-size:30px}.calc-result .rh,.calc-result .rb{padding-left:18px;padding-right:18px}.calc-line{font-size:14px}}