/* LW Rendite Rechner v2.3 */
.lw-rr-wrapper { --lwrr-button: #111111; --lwrr-slider-thumb:#111111; --lwrr-slider-track:#BD9A68; max-width: 920px; margin: 1rem auto; padding: 1rem; background:#fff; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.lw-rr-form { margin-bottom: 1rem; display: grid; gap: .75rem; }
.lw-rr-field label { font-weight: 600; display:block; margin-bottom:.25rem; }
.lw-rr-dual { display:grid; grid-template-columns: 2fr 1fr; gap:.5rem; align-items:center; }
.lw-rr-dual input[type="number"] { width:100%; padding:.6rem .8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:16px; }
.lw-rr-dual input[type="range"] { width:100%; height: 10px; -webkit-appearance: none; appearance: none; background: var(--lwrr-slider-track); border-radius: 999px; outline: none; }

/* WebKit Thumb */
.lw-rr-dual input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: var(--lwrr-slider-thumb); border-radius: 50%; cursor: pointer; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.15); }
/* WebKit Track */
.lw-rr-dual input[type="range"]::-webkit-slider-runnable-track { height: 10px; background: var(--lwrr-slider-track); border-radius: 999px; }

/* Firefox */
.lw-rr-dual input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; background: var(--lwrr-slider-thumb); border: 2px solid #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.lw-rr-dual input[type="range"]::-moz-range-track { height: 10px; background: var(--lwrr-slider-track); border-radius: 999px; }

/* Button */
.lw-rr-btn { margin-top:.25rem; display:inline-block; background: var(--lwrr-button); color:#fff; border:none; padding:.7rem 1rem; border-radius:10px; cursor:pointer; font-weight:600; transition: filter .25s ease, transform .25s ease, box-shadow .25s ease; }
.lw-rr-btn:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,.12); }
.lw-rr-btn:focus { outline: 2px solid #000; outline-offset: 2px; }

/* Charts */
.lw-rr-charts { display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.lw-rr-card { background:#f9fafb; border-radius:16px; padding:1rem; position:relative; min-height:320px; display:flex; flex-direction:column; align-items:center; }
.lw-rr-card h3 { margin:.25rem 0 .5rem; font-size:16px; font-weight:600; }
.lw-rr-donut { width:100%; max-width:320px; aspect-ratio:1 / 1; }
.lw-rr-donut canvas { width:100% !important; height:100% !important; display:block; }
.lw-rr-value { position:absolute; top: 54%; transform: translateY(-50%); font-weight:700; font-size:18px; }

@media(max-width: 760px){
  .lw-rr-dual { grid-template-columns: 1fr; }
  .lw-rr-charts { grid-template-columns: 1fr; }
  .lw-rr-card { min-height:300px; }
}