/* Kostenlos oder Premium (/premium) - baut auf seite.css und dessen .vergleich auf. */
.pr-tabelle { margin: 8px 0 24px; }
.pr-vergleich { min-width: 640px; }
.pr-vergleich thead th { text-transform: none; letter-spacing: 0; vertical-align: bottom; white-space: normal; }
.pr-vergleich thead th:first-child { color: var(--leise); font-size: 13px; }
.pr-kopf { display: grid; gap: 2px; }
.pr-kopf b { font-size: 18px; color: var(--text); }
.pr-vergleich thead .wir .pr-kopf b { color: var(--lila-hell); }
.pr-preis { font-size: 22px; font-weight: 800; color: var(--text); }
.pr-kopf small { font-size: 12.5px; font-weight: 500; color: var(--leise); }
.pr-vergleich tbody th { width: auto; font-weight: 500; color: var(--text-2); }
.pr-vergleich td { width: 26%; text-align: center; vertical-align: middle; }
.pr-vergleich td b { color: var(--text); font-weight: 700; }
.pr-vergleich td .ja, .pr-vergleich td .nein { display: inline-flex; justify-content: center; }
.pr-vergleich td .ja svg, .pr-vergleich td .nein svg { width: 20px; height: 20px; margin: 0; }
.pr-vergleich td .nein { color: var(--leiser); }
.pr-vergleich tr.pr-gruppe th { padding-top: 26px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--lila-hell); background: transparent; }
.pr-vergleich tfoot td { padding: 18px 14px; border-bottom: 0; }
.pr-vergleich tfoot .knopf-haupt, .pr-vergleich tfoot .knopf-zweit { white-space: nowrap; }
.nur-leser { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 700px) {
  .pr-vergleich tfoot .knopf-haupt, .pr-vergleich tfoot .knopf-zweit { white-space: normal; padding-inline: 12px; }
}