.gross { font-size: 2.6rem; font-weight: bold; line-height: 1.1; margin: .2rem 0 .1rem; }
dl { margin: 1rem 0 0; }
dt { font-size: .8rem; color: #555; margin-top: .7rem; }
dd { margin: 0; font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.ua { font-size: .75rem; word-break: break-all; }
.warnung { background: #c00; color: #fff; padding: .7rem; margin-bottom: 1rem; font-weight: bold; }
.hinweis { margin-top: 1.2rem; padding: .7rem; border: 1px solid #ccc; font-size: .85rem; }
.versteckt { display: none; }

.kopierzeile { margin-top: 1.2rem; display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
#kopieren { padding: .6rem 1rem; font-size: .95rem; border: 1px solid #222;
            background: #222; color: #fff; cursor: pointer; }
#kopieren:hover, #kopieren:focus-visible { background: #444; }
/* Erscheinen progressiv, Verschwinden degressiv, 200ms je Richtung -
   die auf dieser Seite festgelegte Uebergangsregel. */
.kopiert { opacity: 0; transition: opacity 200ms ease-out; }
.kopiert.sichtbar { opacity: 1; transition: opacity 200ms ease-in; }
@media (prefers-reduced-motion: reduce) {
  .kopiert, .kopiert.sichtbar { transition-duration: 0ms; }
}