/* Ausgelagert aus dem <style>-Block von whirlpool.html.
   Inhalt unveraendert uebernommen. */
  .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: 11px 12px; border-bottom: 1px solid rgba(148,163,184,.25); }
  .werte-tabelle th { font-family: "Plus Jakarta Sans", Inter, 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; }
  .werte-tabelle .row-ideal { background: rgba(220, 252, 231, .55); }

  .quellen-box {
    background: rgba(0, 101, 145, .06);
    border: 1px solid rgba(0, 101, 145, .22);
    border-radius: 16px; padding: 20px 22px;
  }
  .quellen-box h3 {
    font-family: "Plus Jakarta Sans", Inter, sans-serif; font-weight: 800;
    font-size: 16px; color: #0b1c30; margin-bottom: 8px;
  }
  .quellen-box p { font-family: Inter, sans-serif; font-size: 14.5px; line-height: 1.65; color: #3e4850; }
  .quellen-box p + p { margin-top: 10px; }
  .quellen-box a { color: #006591; text-decoration: underline; }

  .abgrenzung {
    background: rgba(240, 188, 114, .12);
    border: 1px solid rgba(240, 188, 114, .5);
    border-radius: 14px; padding: 16px 18px;
    font-family: Inter, sans-serif; font-size: 14px; line-height: 1.65; color: #3e4850;
  }
  .warn-box {
    background: rgba(234, 67, 53, .07);
    border: 1px solid rgba(234, 67, 53, .35);
    border-radius: 14px; padding: 18px 20px;
    font-family: Inter, sans-serif; font-size: 15px; line-height: 1.7; color: #3e4850;
  }