/* Wasserheimat – Bad-Rechner */
.whr-wrap{max-width:820px;margin:0 auto;padding:1.5rem 1.1rem 3rem}
.whr-crumbs{font-size:.85rem;opacity:.7;margin-bottom:.9rem}
.whr-crumbs a{text-decoration:none}
.whr-main h1{line-height:1.2;margin:.2rem 0 1rem}
.whr-main h2{margin-top:2.2rem}
.whr-main h3{margin-top:1.4rem;font-size:1.05rem}

/* Kacheln */
.whr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem;margin:1.2rem 0}
.whr-card{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .95rem;border-radius:11px;
  border:1px solid rgba(0,0,0,.13);text-decoration:none;color:inherit;background:rgba(0,0,0,.015)}
.whr-card:hover{border-color:#1c4a5a;background:rgba(28,74,90,.05)}
.whr-card__name{font-weight:600}
.whr-card__kurz{font-size:.85rem;opacity:.75;line-height:1.35}

/* Eingabebox */
.whr-box{border:1px solid rgba(0,0,0,.14);border-radius:14px;padding:1.1rem;margin:1.4rem 0;
  background:rgba(0,0,0,.02)}
.whr-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem}
.whr-field label{display:block;font-size:.87rem;font-weight:600;margin-bottom:.3rem}
.whr-field--check label{font-weight:400;font-size:.92rem;display:flex;align-items:center;gap:.45rem;margin:0}
.whr-field--check{display:flex;align-items:center;min-height:2.6rem}
.whr-field input[type=number],.whr-field select{width:100%;padding:.55rem .65rem;font-size:1rem;
  border:1px solid rgba(0,0,0,.25);border-radius:8px;background:#fff}
.whr-hint{display:block;font-size:.78rem;opacity:.75;margin-top:.25rem}

/* Ergebnis */
.whr-result{margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid rgba(0,0,0,.12)}
.whr-kpis{display:flex;flex-wrap:wrap;gap:.9rem;padding:.95rem;border-radius:11px;
  background:#eef4f6;border:1px solid #c8dbe1;margin-bottom:1rem}
.whr-kpis--ok{background:#eef7f1;border-color:#bcdcc8}
.whr-kpis--warn{background:#fdf5e6;border-color:#e8d5a8}
.whr-kpis--krit{background:#fbeeee;border-color:#e2bcbc}
.whr-kpi{flex:1 1 28%;min-width:130px}
.whr-kpi__val{display:block;font-size:1.35rem;font-weight:700;line-height:1.2}
.whr-kpi__lbl{display:block;font-size:.76rem;opacity:.72;margin-top:.2rem}

.whr-status{margin:.4rem 0 1rem;font-size:1.02rem}
.whr-status--ok{color:#256b3d}
.whr-status--warn{color:#8a6100}
.whr-status--krit{color:#9d2a2a}

.whr-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.93rem}
.whr-table th,.whr-table td{border:1px solid rgba(0,0,0,.12);padding:.48rem .62rem;text-align:left;vertical-align:top}
.whr-table thead th{background:rgba(0,0,0,.04)}
.whr-table--out tbody th{width:52%;font-weight:600;background:rgba(0,0,0,.02)}
.whr-outnote{font-size:.9rem;line-height:1.5;border-left:3px solid #1c4a5a;padding:.45rem .8rem;
  background:rgba(28,74,90,.05);border-radius:0 6px 6px 0;margin:.7rem 0}
.whr-stand{font-size:.78rem;opacity:.65;margin:.9rem 0 0}
.whr-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;
  background:rgba(0,0,0,.05);padding:.6rem .8rem;border-radius:7px;line-height:1.7;overflow-x:auto}

/* Quiz */
.whr-quiz__prog{font-size:.8rem;opacity:.7;margin-bottom:.4rem}
.whr-quiz__q{margin:.2rem 0 .9rem;font-size:1.12rem}
.whr-quiz__opts{display:flex;flex-direction:column;gap:.5rem}
.whr-quiz__opt{text-align:left;padding:.75rem .9rem;font-size:.98rem;border-radius:9px;cursor:pointer;
  border:1px solid rgba(0,0,0,.2);background:#fff;color:inherit}
.whr-quiz__opt:hover{border-color:#1c4a5a;background:rgba(28,74,90,.06)}
.whr-quiz__back,.whr-quiz__again{margin-top:.9rem;padding:.5rem 1rem;font-size:.88rem;cursor:pointer;
  border:1px solid rgba(0,0,0,.2);border-radius:8px;background:transparent;color:inherit}

.whr-more{font-size:.9rem}
.whr-foot{font-size:.85rem;opacity:.75;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}

@media (max-width:600px){
  .whr-fields{grid-template-columns:1fr}
  .whr-kpi{flex:1 1 100%}
  .whr-table--out tbody th{width:48%}
}