/* Ausgelagert aus dem <style>-Block von rechenwege.html.
   Inhalt unveraendert uebernommen. */
  /* Formelkasten und Herleitungsblock. Gleiche Bausteine wie auf
     salzrechner.html, damit beide Seiten als eine Familie lesbar sind. */
  .formula {
    font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700;
    font-size: clamp(14px, 2.2vw, 18px); color: #0b1c30;
    background: #f1f5f9; border-left: 4px solid #006591;
    border-radius: 0 12px 12px 0; padding: 15px 17px; line-height: 1.55;
    overflow-x: auto;
  }
  .rechenblock { display: flex; flex-direction: column; gap: 14px; }
  .rechen-label {
    font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700;
    font-size: 11px; letter-spacing: .07em; text-transform: uppercase;
    color: #6e7881; margin-bottom: 5px;
  }
  .beispiel {
    background: rgba(0, 101, 145, .06);
    border-radius: 12px; padding: 14px 16px;
    font-family: Inter, sans-serif; font-size: 14.5px; line-height: 1.65; color: #3e4850;
  }
  .beispiel b { color: #0b1c30; }
  .herleitung {
    font-family: Inter, sans-serif; font-size: 13.5px; line-height: 1.65; color: #526575;
    border-top: 1px dashed rgba(148, 163, 184, .45); padding-top: 12px;
  }
  .herleitung a { color: #006591; text-decoration: underline; }

  .werte-tabelle { width: 100%; border-collapse: collapse; font-family: Inter, sans-serif; font-size: 14px; }
  .werte-tabelle th, .werte-tabelle td { text-align: left; padding: 10px 12px; border-bottom: 1px solid rgba(148,163,184,.25); }
  .werte-tabelle th { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em; color: #6e7881; }
  .werte-tabelle tbody tr:last-child td { border-bottom: none; }

  .grenze-box {
    background: rgba(240, 188, 114, .12);
    border: 1px solid rgba(240, 188, 114, .5);
    border-radius: 14px; padding: 18px 20px;
  }
  .warn-box {
    background: rgba(234, 67, 53, .07);
    border: 1px solid rgba(234, 67, 53, .35);
    border-radius: 14px; padding: 18px 20px;
  }